/* 定义多个全局样式 */

.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.header-layout {
  height: 0.853333rem;
  line-height: 0.853333rem;
}

.anti-fraud-header {
  width: 16rem;
  margin: 0 auto;
  color: #ffffff;
  font-size: 0.186667rem;
  background: transparent;
}

.anti-fraud-header .header-icon-down {
  display: inline-block !important;
  width: 0.133333rem;
  fill: #fff;
  vertical-align: middle;
  margin-left: 0.04rem;
}

.anti-fraud-header a {
  color: #fff;
}

.anti-fraud-header-action .ant-row {
  float: right;
}

.anti-fraud-header-action .ant-col-12 {
  width: inherit;
}

.anti-fraud-header-fixed {
  position: fixed;
  width: 100%;
  z-index: 10;
  padding: 0;
  background-size: cover;
}

.anti-fraud-header-logo img {
  height: 0.52rem;
}

.anti-fraud-header-right {
  text-align: center;
}

.anti-fraud-header-register a {
  display: inline-block;
  width: 1.066667rem;
  height: 0.533333rem;
  line-height: 0.533333rem;
  text-align: center;
  color: #fff;
  background: transparent;
  border: 0.013333rem solid #ffffff;
}

.anti-fraud-header-register a:hover {
  background: #fff;
  color: #015bf8;
}

.anti-fraud-header-login > a {
  display: inline-block;
  height: 0.533333rem;
  line-height: 0.533333rem;
  padding: 0 0.426667rem;
  color: #fff;
}

.anti-fraud-header-login > a:hover {
  color: #015bf8;
}

.anti-fraud-header-test {
  font-size: 0.24rem;
}

.anti-fraud-header-fixed-ct-hide {
  height: 0;
}

.anti-fraud-header-fixed-ct-show {
  height: 0.853333rem;
}

.background-color {
  background: none;
  background-color: #081545 !important;
}

.header-bg-color {
  background-color: transparent;
  background: none;
}

.header-bg-color2 {
  background-color: #fff;
  border-bottom: 0.013333rem solid #d9dde6;
}

.header-bg-color2 .anti-fraud-header-right .menu-item a {
  color: rgba(4, 5, 77, 0.6);
}

.header-bg-color2 .anti-fraud-header-right .menu-item a.link:hover {
  color: #015bf8;
}

.header-bg-color2 .anti-fraud-header-right .menu-item .no_link {
  color: rgba(4, 5, 77, 0.6);
}

.header-bg-color2 .anti-fraud-header-right .menu-item .header-icon-down {
  fill: rgba(4, 5, 77, 0.6);
}

.header-bg-color2 .menu-item.active .liner {
  background-color: #015bf8;
  height: 0.04rem;
}

.header-bg-color2 .anti-fraud-header-action a {
  color: rgba(4, 5, 77, 0.6);
  border-color: rgba(4, 5, 77, 0.6);
}

.header-bg-color2 .anti-fraud-header-action a:hover {
  color: #015bf8;
  border-color: #015bf8;
}

.header-bg-color2 .anti-fraud-header-action .anti-fraud-header-register a {
  color: #fff;
  border-color: #015bf8;
  background: #015bf8;
}

.header-bg-color2 .anti-fraud-header-action .anti-fraud-header-register a:hover {
  background: #ffffff;
  color: #015bf8;
}

.menu-item {
  display: block;
  float: left;
  margin: 0 0.213333rem;
  height: 0.853333rem;
  cursor: pointer;
  position: relative;
}

.menu-item .label {
  vertical-align: middle;
}

.menu-item .liner {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0.04rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.menu-item:hover .label {
  color: #015bf8;
}

.menu-item:hover .liner {
  background: #015bf8;
  height: 0.04rem;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.menu-item:hover .header-icon-down {
  fill: #015bf8;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.menu-body {
  position: absolute;
  border-top: 0.306667rem solid transparent;
  left: -1.866667rem;
  top: 0.533333rem;
  height: 0;
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: hidden;
}

.menu-body .menu_triangle {
  position: absolute;
  top: 0.013333rem;
  left: 2.066667rem;
  width: 0;
  height: 0;
  border-bottom: 0.266667rem solid #ffffff;
  border-right: 0.266667rem solid transparent;
  border-left: 0.266667rem solid transparent;
}

.menu-body .menu-body-con {
  margin-top: 0.173333rem;
  background: #ffffff;
  -webkit-box-shadow: 0 0.08rem 0.24rem 0 rgba(118, 118, 128, 0.1);
          box-shadow: 0 0.08rem 0.24rem 0 rgba(118, 118, 128, 0.1);
  padding: 0.533333rem 0.586667rem 0.426667rem 0.666667rem;
  white-space: nowrap;
  height: 4.4rem;
}

.menu-body .menu-body-con > div {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.16rem;
  text-align: left;
  height: 4.4rem;
}

.menu-body .menu-body-con > div .title {
  font-size: 0.213333rem;
  font-weight: 500;
  color: #04054d;
  line-height: 0.2rem;
  letter-spacing: 0.013333rem;
  padding-bottom: 0.213333rem;
  margin-bottom: 0.133333rem;
  border-bottom: 0.013333rem solid #e4e7f0;
}

.menu-body .menu-body-con > div .title .desc {
  position: relative;
  left: -0.16rem;
  width: 2.28rem;
  height: 0.266667rem;
  line-height: 0.266667rem;
  padding: 0 0.133333rem;
  letter-spacing: 0.001333rem;
  margin-top: 0.066667rem;
  display: block;
  font-size: 0.16rem;
  color: #04054d;
  font-weight: normal;
  text-align: center;
  border: 0.013333rem solid #3eda2c;
  border-radius: 0.133333rem;
}

.menu-body .menu-body-con > div .title-desc {
  position: relative;
  top: -0.226667rem;
}

.menu-body .menu-body-con > div > span,
.menu-body .menu-body-con > div a {
  font-size: 0.186667rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: rgba(4, 5, 77, 0.5);
  cursor: pointer;
}

.menu-body .menu-body-con > div > span:hover,
.menu-body .menu-body-con > div a:hover,
.menu-body .menu-body-con > div > .active {
  color: #015bf8 !important;
}

.menu-body .menu-body-con > div:last-child {
  border-right: 0;
}

.header-active .liner {
  background: #015bf8;
  height: 0.04rem;
  -webkit-transform: scale(1);
          transform: scale(1);
  bottom: inherit;
  top: 0.773333rem;
}

.header-active .header-icon-down {
  fill: #015bf8;
}

.header-hover {
  visibility: visible;
  height: 5.36rem;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
  color: #015bf8 !important;
}

.header-hover .no_link {
  color: #015bf8 !important;
}

.header-hover .liner {
  background: #015bf8;
  height: 0.04rem;
  -webkit-transform: scale(1);
          transform: scale(1);
  bottom: inherit;
  top: 0.773333rem;
}

.header-hover .header-icon-down {
  fill: #015bf8;
}

.header-name {
  position: absolute;
  top: -0.106667rem;
  left: 0.093333rem;
  font-size: 0.16rem;
  color: #ffffff;
}

.header-marker {
  display: inline-block;
  position: absolute;
  height: 0.24rem;
  width: 0.533333rem;
  top: 0.08rem;
  margin-left: 0.053333rem;
}

.header-marker::after {
  content: '';
  position: relative;
  top: -0.013333rem;
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 0.053333rem solid transparent;
}

.header-new {
  background: #ff732e;
}

.header-new::after {
  border-top: 0.053333rem solid #ff732e;
}

.header-hot {
  background: #ff2834;
}

.header-hot::after {
  border-top: 0.053333rem solid #ff2834;
}

.header-sole {
  background: linear-gradient(225deg, #01c7f8 0%, #0163f8 100%);
}

.header-sole::after {
  border-top: 0.053333rem solid #0163f8;
}

.anti-fraud-header-right,
.header-menu {
  height: 0.853333rem;
}

.product .menu_triangle {
  left: 1.866667rem;
}

a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
}
.pc-footer {
  min-width: 16rem;
  background: #172141;
  padding-top: 1.066667rem;
  padding-bottom: 0.68rem;
  color: #ffffff;
  position: relative;
}

.pc-footer a:hover {
  color: #FFF !important;
}

.pc-footer .anti-fraud-footer-containter {
  width: 16rem;
  margin: 0 auto;
}

.pc-footer .anti-fraud-footer-logo {
  margin-bottom: 0.32rem;
}

.pc-footer .anti-fraud-footer-logo img {
  height: 0.76rem;
}

.pc-footer .anti-fraud-footer-sns {
  padding: 0 0.266667rem 0.2rem 0;
  display: inline-block;
  text-align: center;
}

.pc-footer .anti-fraud-footer-sns .title {
  padding-top: 0.133333rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.66) !important;
}

.pc-footer .anti-fraud-footer-sns > img {
  margin-top: 0.133333rem;
  width: 1.2rem;
  height: 1.2rem;
}

.pc-footer .anti-fraud-footer-link {
  font-size: 0.213333rem;
}

.pc-footer .anti-fraud-footer-list {
  list-style-type: none;
  margin-top: 0.333333rem;
  margin-bottom: 0;
  padding: 0;
  font-size: 0.186667rem;
  color: rgba(255, 255, 255, 0.8);
}

.pc-footer .anti-fraud-footer-list > li {
  margin-bottom: 0.213333rem;
}

.pc-footer .anti-fraud-footer-list a {
  color: rgba(255, 255, 255, 0.66);
}

.pc-footer .anti-fraud-footer a:hover,
.pc-footer .anti-fraud-footer a:active,
.pc-footer .anti-fraud-footer a:focus,
.pc-footer .anti-fraud-footer a:visited {
  text-decoration: none;
}

.pc-footer .anti-fraud-footer-friendly-link {
  margin-top: 0.893333rem;
  border-top: 0.013333rem solid rgba(255, 255, 255, 0.16);
  padding: 0.293333rem;
  font-size: 0.186667rem;
}

.pc-footer .anti-fraud-footer-friendly-link .title {
  padding-right: 0.52rem;
  color: #FFF;
}

.pc-footer .anti-fraud-footer-friendly-link .link {
  font-size: 0.186667rem;
  padding-right: 0.2rem;
  border-right: 0.013333rem solid rgba(255, 255, 255, 0.4);
  margin-right: 0.2rem;
  color: rgba(255, 255, 255, 0.4);
}

.pc-footer .anti-fraud-footer-friendly-link .link:last-of-type {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

.pc-footer .anti-fraud-footer-copyright {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.186667rem;
  padding: 0.2rem;
}

.pc-footer .anti-fraud-footer-copyright a,
.pc-footer .anti-fraud-footer-copyright span {
  color: rgba(255, 255, 255, 0.6);
  padding-left: 0.266667rem;
}
.qq-fixed {
  bottom: 1.2rem !important;
  position: fixed;
}

.qq-fixed #udesk {
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  width: 0.666667rem;
  height: 0.666667rem;
  font-size: 0;
  line-height: 0.666667rem;
}

.qq-fixed #udesk img {
  width: 100%;
  height: 100%;
  margin-top: -0.04rem;
}

.qq-fixed #udesk:hover {
  color: #FFF;
}
/* 定义多个全局样式 */

.pc-layout {
  background-color: #fff;
  min-width: 16rem;
}

.pc-layout button {
  border: 0;
}

.pc-layout .docking-section {
  background: #2663ff;
  height: 1.88rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pc-layout .docking-section > img {
  height: 100%;
  position: absolute;
  z-index: 0;
}

.pc-layout .docking-section-body {
  position: relative;
  z-index: 1;
  width: 11.52rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pc-layout .docking-section-body-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  top: -0.053333rem;
}

.pc-layout .docking-section-body-left-title {
  font-size: 0.373333rem;
  color: #ffffff;
  line-height: 0.413333rem;
}

.pc-layout .docking-section-body-left-body {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pc-layout .docking-section-body-left-body > div {
  margin-right: 0.466667rem;
}

.pc-layout .docking-section-body-left-body > div img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.106667rem;
}

.pc-layout .docking-section-body-left-body > div span {
  font-size: 0.16rem;
  color: #ffffff;
}

.pc-layout .docking-section-body-btn {
  display: inline-block;
  text-align: center;
  line-height: 0.64rem;
  width: 1.84rem;
  height: 0.64rem;
  border: 0.013333rem solid #ffffff;
  border-radius: 0.013333rem;
  font-size: 0.213333rem;
  color: #ffffff;
  margin-left: 0.4rem;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.pc-layout .docking-section-body-btn:hover {
  background: #ffffff;
  border: 0.013333rem solid #ffffff;
  border-radius: 0.013333rem;
  color: #2160ff;
}

.pc-layout .to-top {
  position: fixed;
  bottom: 0.053333rem;
  right: 0.066667rem;
  font-size: 0.266667rem;
  width: 0.986667rem;
  height: 0.986667rem;
  line-height: 0.986667rem;
  z-index: 999;
  background-color: #0161f3;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

.pc-layout .to-top img {
  width: 100%;
}

.pc-layout .to-top:hover {
  background-color: #ff915a;
  color: #fff;
}

.pc-layout .ado-serve {
  position: fixed;
  bottom: 2.333333rem;
  right: 0.066667rem;
  height: 0.986667rem;
  z-index: 999;
  background-color: #0161f3;
  cursor: pointer;
  text-align: center;
  border-radius: 0.493333rem;
  line-height: 0.986667rem;
  padding-top: 0.026667rem;
  color: #fff;
}

.pc-layout .ado-serve img {
  height: 100%;
  vertical-align: middle;
  margin-top: -0.08rem;
}

.pc-layout .ado-serve span {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.pc-layout .ado-serve:hover {
  background-color: #ff915a;
  color: #fff;
}

.pc-layout .ado-serve:hover span {
  height: 0.8rem;
  line-height: 0.4rem;
  width: 2rem;
  padding-left: 0.266667rem;
}

@media screen and (max-width: 750px) {
  .pc-layout .register-header,
  .pc-layout .register-banner {
    min-width: unset !important;
  }

  .pc-layout .register-banner {
    height: auto !important;
  }

  .pc-layout .register-banner img {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  .pc-layout .register-header div {
    width: auto;
  }

  .pc-layout .ado-register {
    min-width: unset !important;
    width: 100% !important;
    height: auto !important;
    margin: auto !important;
  }

  .pc-layout .ado-register .content,
  .pc-layout .ado-register .input,
  .pc-layout .ado-register .form {
    width: 100% !important;
  }

  .pc-layout .ado-register .content {
    overflow: auto;
    min-height: unset !important;
  }

  .pc-layout .ado-register .form {
    padding: 0 0.066667rem;
  }

  .pc-layout .ado-register .form .input {
    margin-bottom: 0.146667rem !important;
  }

  .pc-layout .ado-register .form .input:after {
    bottom: -0.106667rem !important;
    width: 100% !important;
    left: 0 !important;
  }

  .pc-layout .ado-register .tip {
    display: none !important;
  }

  .pc-layout .ant-layout .ant-layout-header {
    width: 100% !important;
    min-width: unset !important;
  }

  .pc-layout .ant-layout .ant-layout-footer {
    overflow: auto !important;
    width: 100% !important;
    min-width: unset !important;
  }

  .pc-layout .ant-layout .to-top,
  .pc-layout .ant-layout .ado-serve {
    display: none;
  }
}
.pc-about .sec-about-banner {
  min-width: 16rem;
  position: relative;
  overflow: hidden;
  height: 5.333333rem;
}

.pc-about .banner {
  background: #04054d;
}

.pc-about .about-banner-img {
  width: 25.6rem;
  margin-left: -12.8rem;
  position: absolute;
  left: 50%;
  text-align: center;
}

.pc-about .sec-about-tab {
  position: relative;
  width: 16rem;
  height: 0.8rem;
  margin: -0.786667rem auto 0;
}

.pc-about .sec-about-tab .sec-about-tab—title {
  font-size: 0.186667rem;
  color: #293e63;
  width: 5.333333rem;
  height: 0.8rem;
  float: right;
  background: #ffffff;
  border: 0.013333rem solid #ffffff;
  border-radius: 0.026667rem 0.026667rem 0 0;
}

.pc-about .sec-about-tab .sec-about-tab—title > div {
  text-align: center;
  width: 50%;
  display: inline-block;
}

.pc-about .sec-about-tab .sec-about-tab—title > div > a {
  line-height: 0.8rem;
  height: 0.8rem;
  color: #293e63;
  display: inline-block;
  cursor: pointer;
}

.pc-about .sec-about-tab .sec-about-tab—title > div .sec-about-tab—selected {
  color: #1c4ce6;
  border-bottom: 0.026667rem solid #1c4ce6;
}

.pc-about .sec-about {
  position: relative;
  width: 16rem;
  min-height: 10.666667rem;
  margin: 1.066667rem auto 0;
  /* stylelint-disable */
  /* stylelint-enable */
}

.pc-about .sec-about div {
  text-align: center;
}

.pc-about .sec-about div span {
  font-size: 0.373333rem;
  color: #293e63;
}

.pc-about .sec-about div .sec-about-title-bottom {
  display: inline-block;
  width: 1.866667rem;
  border-bottom: 0.026667rem solid #1c4ce6;
}

.pc-about .sec-about .sec-about-contents {
  margin-top: 0.453333rem;
  text-align: left;
  text-indent: 2em;
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.346667rem;
}

.pc-about .sec-about .sec-about-four-prod-left {
  height: 6.693333rem;
  width: 6.186667rem;
  display: inline-block;
  text-align: left;
  padding-top: 1.066667rem;
  position: relative;
  z-index: 0;
}

.pc-about .sec-about .sec-about-four-prod-left img {
  width: 5.48rem;
  height: 5.48rem;
  vertical-align: baseline;
  position: absolute;
}

.pc-about .sec-about .sec-about-four-prod-left .prod-img-left {
  -webkit-animation: spin 7s linear infinite;
          animation: spin 7s linear infinite;
  z-index: -1;
}

.pc-about .sec-about .sec-about-four-prod-left .prod-img-right {
  -webkit-animation: spin-right 5s linear infinite;
          animation: spin-right 5s linear infinite;
}

.pc-about .sec-about .sec-about-four-prod-right {
  height: 6.693333rem;
  width: 9.813333rem;
  display: inline-block;
}

.pc-about .sec-about .sec-about-contents-title {
  margin-top: 0.986667rem;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.pc-about .sec-about .sec-about-person-list {
  margin-top: 0.586667rem;
  height: 4.186667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #04054d;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar {
  width: 2.506667rem;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar .avatar-selected {
  border: 0.053333rem solid #015bf8;
  border-radius: 50%;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar .avatar-name {
  margin-top: 0.453333rem;
  font-size: 0.293333rem;
  line-height: 0.346667rem;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar .avatar-title {
  margin-top: 0.106667rem;
  font-size: 0.186667rem;
  line-height: 0.346667rem;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar .down-arrow {
  width: 0;
  height: 0;
  border-left: 0.093333rem solid transparent;
  /* 左边框的宽 */
  border-right: 0.093333rem solid transparent;
  /* 右边框的宽 */
  border-top: 0.093333rem solid #217aff;
  /* 下边框的长度|高,以及背景色 */
  font-size: 0;
  line-height: 0;
  margin: 0.16rem auto;
}

.pc-about .sec-about .sec-about-person-list .sec-about-person-avatar-selected {
  color: #015bf8;
}

.pc-about .sec-about .sec-about-person-introduce {
  position: relative;
  height: 4.106667rem;
}

.pc-about .sec-about .sec-about-person-introduce .avatar-dec {
  position: absolute;
  text-align: left;
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.346667rem;
  top: 0.6rem;
  margin-left: 0.8rem;
}

.pc-about .sec-about .sec-about-person-introduce .avatar-dec li {
  list-style-type: none;
  position: relative;
}

.pc-about .sec-about .sec-about-person-introduce .avatar-dec li:before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  color: #015bf8;
  border-radius: 50%;
  display: block;
  background-color: #015bf8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.24rem;
  margin: auto;
}
.footer-banner {
  position: relative;
  height: 1.88rem;
  width: 100%;
}

.footer-banner img {
  position: absolute;
  width: 100%;
  height: 1.88rem;
}

.footer-banner-body {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-banner-body-center {
  width: 10.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-banner-body-center-text {
  position: relative;
  top: -0.026667rem;
  width: 8.213333rem;
  font-size: 0.213333rem;
  color: #ffffff;
}

.footer-banner-body-center-text-count {
  font-size: 0.293333rem;
  font-weight: 600;
}

.footer-banner-body-center-text-help {
  position: relative;
  font-size: 0.213333rem;
  font-weight: 600;
}

.footer-banner-body-center-text-help::before {
  content: '';
  opacity: 0;
  display: inline-block;
  height: 0.013333rem;
  background-color: #fff;
  position: absolute;
  bottom: -0.026667rem;
  left: 0;
  width: 0.853333rem;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.footer-banner-body-center-text-help:hover {
  color: #fff;
}

.footer-banner-body-center-text-help:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.footer-banner-body-center-btn {
  text-align: center;
  line-height: 0.64rem;
  width: 1.706667rem;
  height: 0.64rem;
  border: 0.013333rem solid #ffffff;
  border-radius: 0.013333rem;
  font-size: 0.213333rem;
  color: #ffffff;
  margin-left: 0.4rem;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.footer-banner-body-center-btn:hover {
  background: #ffffff;
  border: 0.013333rem solid #ffffff;
  border-radius: 0.013333rem;
  color: #2160ff;
}
.pc-home {
  background: #fff;
}

.pc-home .clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.pc-home .swiperBanner2 {
  height: 6.493333rem;
  margin: 0 auto;
  width: 14.613333rem;
}

.pc-home .swiperBanner2 .swiper-pagination {
  bottom: 0;
}

.pc-home .swiperBanner2 .swiper-pagination-bullet {
  margin: 0 0.053333rem;
  width: 0.48rem;
  height: 0.053333rem;
  display: inline-block;
  border-radius: 0;
}

.pc-home .swiperBanner2 .swiper-pagination-bullet-active:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  background: #015bf8;
  -webkit-animation: pageMove 5s;
          animation: pageMove 5s;
}

.pc-home .swiperBanner2 .swiper-slide {
  height: 6.493333rem;
  margin-bottom: 0.666667rem;
  overflow: hidden;
  border: none !important;
}

.pc-home .banner {
  height: 7.466667rem;
  width: 100%;
  background: #04054d;
}

.pc-home .banner .swiper-slide {
  height: 7.466667rem;
  overflow: hidden;
  width: 100% !important;
  border: none !important;
}

.pc-home .banner .swiper-slide .carousel-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.pc-home .banner .swiper-slide .swiper-lazy {
  height: 100%;
  position: absolute;
  left: 50%;
  width: 25.6rem;
  margin-left: -12.8rem;
  opacity: 0;
}

.pc-home .banner .swiper-slide .swiper-lazy-loaded {
  opacity: 1;
}

.pc-home .banner .swiper-slide .banner-img-con {
  position: absolute;
  height: 24rem;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -12rem;
  line-height: 24rem;
  text-align: center;
}

.pc-home .banner .swiper-slide .banner-img {
  -webkit-animation: transform_0 5s linear infinite;
          animation: transform_0 5s linear infinite;
}

.pc-home .banner .swiper-slide .direction_1 {
  -webkit-animation: transform_1 5s linear infinite;
          animation: transform_1 5s linear infinite;
}

.pc-home .banner .swiper-slide .speed_1 {
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}

.pc-home .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 0.066667rem;
  width: 0.8rem;
  height: 0.04rem;
  cursor: pointer;
  background: #8094d6;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}

.pc-home .swiper-pagination-bullet-active:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  -webkit-animation: pageMove 5s;
          animation: pageMove 5s;
}

@-webkit-keyframes transform_0 {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes transform_0 {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@-webkit-keyframes transform_1 {
  from {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }

  to {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
}

@keyframes transform_1 {
  from {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }

  to {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
}

@-webkit-keyframes pageMove {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes pageMove {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.pc-home .product-serve {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f5f9));
  background-image: linear-gradient(180deg, #ffffff 0%, #f4f5f9 100%);
}

.pc-home .product-serve > div {
  width: 16rem;
  margin: 0 auto;
}

.pc-home .section-title {
  padding-top: 0.533333rem;
  color: #04054d;
  letter-spacing: 0.023333rem;
  text-align: center;
  font-size: 0.426667rem;
  position: relative;
  margin-bottom: 0.533333rem;
}

.pc-home .section-title .section-subtitle {
  padding-top: 0.106667rem;
  font-size: 0.213333rem;
  color: rgba(4, 5, 77, 0.5);
}

.pc-home i {
  display: inline-block;
}

.pc-home-customer {
  width: 16rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 0.56rem;
  padding-bottom: 0.72rem;
  overflow: hidden;
}

.pc-home-customer-number {
  font-size: 0.4rem;
  color: #1e3ede;
  font-weight: 400;
}

.pc-home-customer-name {
  margin-top: 0.266667rem;
  font-size: 0.213333rem;
  color: rgba(0, 0, 0, 0.87);
}

.pc-home .ant-col-8 > span {
  position: absolute;
  top: 0.36rem;
  right: 0;
  display: inline-block;
  width: 0.013333rem;
  height: 0.666667rem;
  background: rgba(30, 62, 222, 0.51);
}

.pc-home section {
  font-family: PingFangSC-Medium;
}

.pc-home section button {
  background: #fff;
  border-radius: 0.066667rem;
  cursor: pointer;
}

.pc-home section > div {
  width: 16rem;
  margin: 0 auto;
  padding: 0.56rem 0.066667rem 0.72rem;
}

.pc-home section > div .liner {
  margin: auto;
  width: 0.56rem;
  height: 0.026667rem;
  background-color: #1e3ede;
}

.pc-home .business-area {
  position: relative;
  width: 3.133333rem;
  height: 4.8rem;
  display: inline-block;
  float: left;
  background-color: #fff;
  text-align: center;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.pc-home .business-area::before {
  content: '';
  position: absolute;
  top: -0.04rem;
  height: 0.04rem;
  left: 0;
  right: 0;
  background-color: #015bf8;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.pc-home .business-area .line {
  height: 2.4rem;
  width: 0.013333rem;
  border-right: 0.013333rem solid #eee;
  position: absolute;
  right: 0;
  top: 0.8rem;
}

.pc-home .business-area:last-child .line {
  display: none;
}

.pc-home .business-area .i {
  height: 0.8rem;
  overflow: hidden;
  text-align: center;
  margin: 0.373333rem auto 0.133333rem auto;
}

.pc-home .business-area .i img {
  height: 100%;
}

.pc-home .business-area .title {
  position: relative;
  font-size: 0.24rem;
  color: rgba(4, 5, 77, 0.8);
  letter-spacing: 0.017467rem;
  line-height: 3;
  margin: 0 0.533333rem 0;
}

.pc-home .business-area > .link {
  display: block;
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.5);
  letter-spacing: 0.0124rem;
  text-align: center;
  line-height: 2.5;
}

.pc-home .business-area > .link:hover {
  color: #015bf8;
}

.pc-home .business-area > .button {
  line-height: 0.506667rem;
  border-radius: 0.253333rem;
  display: inline-block;
  position: absolute;
  bottom: 0.266667rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 1.466667rem;
  height: 0.506667rem;
  color: #015bf8;
  border: 0.013333rem solid transparent;
  letter-spacing: 0.0132rem;
}

.pc-home .business-area > .button .right-icon {
  display: inline-block !important;
  vertical-align: middle;
  margin-top: -0.04rem;
  width: 0.266667rem;
  color: #015bf8;
  fill: #015bf8;
}

.pc-home .business-area:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-box-shadow: 0 0 0.213333rem 0 rgba(211, 224, 235, 0.58);
          box-shadow: 0 0 0.213333rem 0 rgba(211, 224, 235, 0.58);
  z-index: 1;
}

.pc-home .business-area:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pc-home .business-area:hover .line {
  display: none;
}

.pc-home .business-area:hover > .button {
  background: #0161f3;
  color: #fff !important;
}

.pc-home .business-area:hover > .button .right-icon {
  color: #fff !important;
  fill: #fff;
}

.pc-home .case-section {
  background: #002685;
  color: #fff;
  position: relative;
}

.pc-home .case-section > img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.8rem;
  z-index: 0;
}

.pc-home .case-section > div {
  position: relative;
  width: 12.8rem;
  z-index: 1;
}

.pc-home .case-section .section-title {
  color: #fff;
}

.pc-home .case-section .section-title .section-subtitle {
  color: #c9d0e5;
}

.pc-home .case-section .overflow-div-sty {
  position: relative;
}

.pc-home .case-section .section-area {
  width: 1.066667rem;
  overflow: hidden;
  text-align: center;
  float: left;
  cursor: pointer;
  position: relative;
  font-size: 0.213333rem;
  color: #c9d0e5;
  letter-spacing: 0.021867rem;
  padding-bottom: 0.293333rem;
  margin: 0 0.36rem;
}

.pc-home .case-section .first-section .content-area {
  width: 12.8rem;
  padding: 1.066667rem 1.333333rem 1.066667rem 0;
  border: 0.013333rem solid #015bf8;
  border-radius: 0.053333rem;
  color: #fff;
}

.pc-home .case-section .first-section .content-area .icon {
  display: inline-block;
  height: 1.6rem;
  line-height: 1.6rem;
  width: 3.2rem;
  text-align: center;
  vertical-align: top;
}

.pc-home .case-section .first-section .content-area .icon img {
  width: 1.6rem;
  height: 1.6rem;
}

.pc-home .case-section .first-section .content-area .con {
  display: inline-block;
  width: 7.466667rem;
}

.pc-home .case-section .first-section .content-area .con .title {
  font-size: 0.32rem;
  color: #fff;
}

.pc-home .case-section .first-section .content-area .con .dec {
  padding-top: 0.213333rem;
  font-size: 0.186667rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.32rem;
}

.pc-home .case-section .section-area:hover,
.pc-home .case-section .section-area.active {
  color: #fff;
  border-bottom: 0.026667rem solid #fff;
}

.pc-home .customer-section {
  overflow: hidden;
}

.pc-home .customer-section > div {
  padding-bottom: 1.066667rem;
}

.pc-home .docking-section {
  background: #2663ff;
  height: 2.666667rem;
  position: relative;
  overflow: hidden;
}

.pc-home .docking-section > img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.8rem;
  z-index: 0;
}

.pc-home .docking-section > div {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  text-align: center;
}

.pc-home .docking-section .phone {
  font-size: 0.266667rem;
  color: #fff;
}

.pc-home .docking-section .liner {
  background-color: #fff;
}

.pc-home .docking-section .content {
  margin: 0.266667rem 0 0.266667rem 0;
  font-size: 0.4rem;
  color: #ffffff;
  letter-spacing: 0.023333rem;
}

.pc-home .docking-section .btn {
  width: 1.6rem;
  display: inline-block;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.213333rem;
  color: #0161f3;
  border-radius: 0.28rem;
  background-color: #fff;
  letter-spacing: 0.016rem;
  outline-width: 0;
  border: 0;
}

.pc-home .case-section {
  overflow: hidden;
  height: 8.533333rem;
}

.pc-home .case-section .i {
  display: inline-block;
  cursor: pointer;
  margin: 0 0.133333rem;
  height: 1.12rem;
}

.pc-home .case-section .i > i {
  vertical-align: middle;
}

.pc-home .case-section .first-i,
.pc-home .case-section .second-i {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  padding: 0.04rem;
}

.pc-home .case-section .second-i {
  margin-top: 0.266667rem;
}

.pc-home .case-section .second-i > div {
  margin-right: 0.533333rem;
}

.pc-home .bg-color {
  background-color: #fdfdfe;
  height: 9.466667rem;
}

.pc-home .hide {
  display: none;
}

.pc-home .text-content {
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-home .gift-btn {
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.6rem;
  height: 0.506667rem;
  background: #ff9f00;
  border-radius: 0.066667rem;
  font-size: 0.213333rem;
  color: #fff;
  margin-right: 0.32rem;
}
.pc-online-experience {
  position: relative;
  width: 16rem;
  margin: 0.866667rem auto 0 !important;
  padding: 0.48rem 0;
  min-height: 6.666667rem;
  background-color: #fff;
}

.pc-online-experience .left-bar {
  position: fixed;
  overflow: auto;
  height: calc(100% - 1.6rem);
}

.pc-online-experience .left-bar .menu .title {
  position: relative;
  padding: 0.106667rem 0 0.106667rem 0.666667rem;
  cursor: pointer;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #04054D;
  letter-spacing: 0.013333rem;
  border-bottom: 0.013333rem solid #D9DDE6;
}

.pc-online-experience .left-bar .menu .title .menu-icon {
  width: 0.213333rem;
  vertical-align: middle;
  position: absolute;
  left: 0.266667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-online-experience .left-bar .menu .menuItems {
  padding: 0.133333rem 0 0.4rem;
  width: 2.666667rem;
}

.pc-online-experience .left-bar .menu .menuItems .menuItem {
  padding-left: 0.666667rem;
  cursor: pointer;
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.32rem;
  height: 0.32rem;
}

.pc-online-experience .left-bar .menu .menuItems .menuItem a {
  color: rgba(4, 5, 77, 0.6);
}

.pc-online-experience .left-bar .menu .menuItems .active {
  color: #2A78FF;
}

.pc-online-experience .left-bar .menu .menuItems .active a {
  color: #2A78FF;
}

.pc-online-experience .left-bar .menu .close {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.pc-online-experience .left-bar-fixed {
  position: absolute;
  bottom: 0.266667rem;
  height: auto;
}

.pc-online-experience .right-content {
  background-color: #fff;
  float: right;
  padding-left: 0.866667rem;
}

.pc-online-experience .right-content .banner {
  position: relative;
  width: 12.533333rem;
  height: 3.466667rem;
  background: #FFF;
  -webkit-box-shadow: 0 0 0.173333rem 0 rgba(24, 43, 74, 0.16);
          box-shadow: 0 0 0.173333rem 0 rgba(24, 43, 74, 0.16);
  padding: 0.64rem;
  color: #FFF;
}

.pc-online-experience .right-content .banner .title {
  position: relative;
  z-index: 2;
  font-size: 0.373333rem;
}

.pc-online-experience .right-content .banner .dec {
  z-index: 2;
  position: relative;
  width: 5.6rem;
  min-height: 1rem;
  padding-top: 0.106667rem;
  font-size: 0.16rem;
  text-align: justify;
  line-height: 0.32rem;
  opacity: 0.6;
}

.pc-online-experience .right-content .banner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pc-online-experience .right-content .banner .btns {
  z-index: 2;
  position: relative;
  width: 100%;
  padding-top: 0.266667rem;
}

.pc-online-experience .right-content .banner .btns .btn-free {
  display: inline-block;
  text-align: center;
  line-height: 0.48rem;
  width: 1.493333rem;
  height: 0.48rem;
  background: #015BF8;
  border-radius: 0.24rem;
  font-size: 0.186667rem;
  letter-spacing: 0.0016rem;
  color: #FFF;
}

.pc-online-experience .right-content .banner .tabs {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.773333rem;
  background: rgba(0, 0, 0, 0.54);
}

.pc-online-experience .right-content .banner .tabs .tab {
  display: inline-block;
  height: 0.773333rem;
  line-height: 0.773333rem;
  padding: 0 0.6rem;
  font-size: 0.24rem;
  color: #FFF;
}

.pc-online-experience .right-content .title-type-1 {
  position: relative;
  width: 100%;
  height: 0.466667rem;
  line-height: 0.466667rem;
  text-align: center;
  margin: 1.066667rem 0 0.533333rem;
  font-size: 0.24rem;
  letter-spacing: 0.013333rem;
  font-weight: 400;
}

.pc-online-experience .right-content .title-type-1:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 25%;
  left: 25%;
  height: 0.013333rem;
  background-color: #c6c7c7;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  top: 0.213333rem;
}

.pc-online-experience .right-content .title-type-1:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 25%;
  right: 25%;
  height: 0.013333rem;
  background-color: #c6c7c7;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  top: 0.213333rem;
}

.pc-online-experience .right-content .title-type-1 > span {
  z-index: 1;
  color: #000;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #FFF;
  display: inline-block;
  padding: 0 0.346667rem;
}

.pc-online-experience .right-content .title-type-1 > span:before {
  display: inline-block;
  position: absolute;
  content: '';
  right: 0;
  padding: 0.026667rem;
  border-radius: 50%;
  background-color: #c6c7c7;
  top: 0.2rem;
}

.pc-online-experience .right-content .title-type-1 > span:after {
  display: inline-block;
  position: absolute;
  content: '';
  left: 0;
  padding: 0.026667rem;
  border-radius: 50%;
  background-color: #c6c7c7;
  top: 0.2rem;
}

.pc-online-experience .right-content .functional-intro .box {
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
}

.pc-online-experience .right-content .functional-intro .box .icon {
  height: 0.866667rem;
}

.pc-online-experience .right-content .functional-intro .box .icon img {
  height: 100%;
}

.pc-online-experience .right-content .functional-intro .box .title {
  color: #000;
  height: 0.373333rem;
  font-size: 0.213333rem;
  font-weight: 500;
  line-height: 0.373333rem;
  letter-spacing: 0.013333rem;
  margin: 0.253333rem 0 0.36rem 0;
}

.pc-online-experience .right-content .industry-comparion .subTitle {
  text-align: center;
  padding: 0 1.333333rem;
  margin-bottom: 0.533333rem;
}

.pc-online-experience .right-content .industry-comparion .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.186667rem;
  background: #f4f4f4;
}

.pc-online-experience .right-content .industry-comparion .flex .barrage {
  position: absolute;
  display: block;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 0.066667rem;
  top: 10%;
  left: 100%;
}

.pc-online-experience .right-content .industry-comparion .flex button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.08rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
  padding: 0;
  background: #1e3ede;
  border: 0;
  border-radius: 0.066667rem;
  outline-width: 0;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
}

.pc-online-experience .right-content .industry-comparion .flex.example:after,
.pc-online-experience .right-content .industry-comparion .flex.try:after {
  position: absolute;
  display: inline-block;
  content: ' ';
  background: url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/vs.png") no-repeat;
  width: 0.373333rem;
  height: 0.266667rem;
  background-size: 100% auto;
  left: 50%;
  top: 47%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .right-content .industry-comparion .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  height: 3.733333rem;
  overflow: hidden;
  position: relative;
}

.pc-online-experience .right-content .industry-comparion .flex .box:nth-child(2n-1) {
  margin-right: 0.266667rem;
}

.pc-online-experience .right-content .industry-comparion .flex .box:nth-child(2n) {
  margin-left: 0.266667rem;
}

.pc-online-experience .right-content .industry-comparion .flex .box .img {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0.066667rem;
  height: 3.2rem;
}

.pc-online-experience .right-content .industry-comparion .flex .box .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .right-content .industry-comparion .flex .box .img .result {
  position: absolute;
}

.pc-online-experience .right-content .industry-comparion .flex .box .title {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.266667rem;
  margin-top: 0.133333rem;
}

.pc-online-experience .right-content .industry-comparion .flex .box .label {
  padding: 0.4rem 0.266667rem;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.pc-online-experience .right-content .industry-comparion-1 .subTitle {
  text-align: center;
  padding: 0 1.333333rem;
  margin-bottom: 0.533333rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.186667rem;
  background: #f4f4f4;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .barrage {
  position: absolute;
  display: block;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 0.066667rem;
  top: 10%;
  left: 100%;
}

.pc-online-experience .right-content .industry-comparion-1 .flex.example {
  padding-bottom: 0;
}

.pc-online-experience .right-content .industry-comparion-1 .flex.example-1 {
  padding-bottom: 0.533333rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex.example-2 {
  padding-bottom: 0.533333rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.08rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
  padding: 0;
  background: #1e3ede;
  border: 0;
  border-radius: 0.066667rem;
  outline-width: 0;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  height: 3.866667rem;
  overflow: hidden;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box.box-1 {
  height: 1.92rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box.box-1 .img {
  height: 100%;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box .img {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0.066667rem;
  height: 3.333333rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box .img .result {
  position: absolute;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box .title {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.266667rem;
  margin-top: 0.133333rem;
}

.pc-online-experience .right-content .industry-comparion-1 .flex .box .label {
  padding: 0.4rem 0.266667rem;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.pc-online-experience .right-content .experience .select {
  margin-bottom: 0.266667rem;
  width: 1.666667rem;
  display: inline-block;
  position: relative;
}

.pc-online-experience .right-content .experience .select .select-head {
  position: relative;
  cursor: pointer;
  border: 0.013333rem solid rgba(1, 97, 243, 0.36);
  border-radius: 0.066667rem;
  padding: 0.066667rem 0.266667rem 0.066667rem 0.133333rem;
  text-align: left;
}

.pc-online-experience .right-content .experience .select .select-head:hover {
  background-color: #0161f3;
  color: #FFF;
}

.pc-online-experience .right-content .experience .select .select-head:hover::after {
  border-bottom: 0.013333rem solid #FFF;
  border-right: 0.013333rem solid #FFF;
}

.pc-online-experience .right-content .experience .select .select-head:after {
  position: absolute;
  right: 0.133333rem;
  top: 50%;
  margin-top: -0.04rem;
  display: inline-block;
  content: ' ';
  padding: 0.026667rem;
  border-bottom: 0.013333rem solid #4c4c4c;
  border-right: 0.013333rem solid #4c4c4c;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  /* IE 9 */
  -moz-transform: rotate(7deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
}

.pc-online-experience .right-content .experience .select .select-body {
  z-index: 9;
  background-color: #fff;
  position: absolute;
  max-height: 2.666667rem;
  overflow: auto;
  top: 110%;
  width: 100%;
  border: 0.013333rem solid #CCC;
  border-radius: 0.066667rem;
}

.pc-online-experience .right-content .experience .select .select-body .select-option {
  padding: 0.066667rem 0.133333rem;
  cursor: pointer;
}

.pc-online-experience .right-content .experience .select .select-body .select-option:hover {
  background-color: #0161f3;
  color: #FFF;
}

.pc-online-experience .right-content .experience .textarea {
  width: 12.666667rem;
  background: #ffffff;
  -webkit-box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
          box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
  padding: 0.2rem;
  border: 0.013333rem solid rgba(1, 97, 243, 0.34);
  cursor: pointer;
  position: relative;
}

.pc-online-experience .right-content .experience .textarea .result {
  min-height: 1.333333rem;
  text-align: center;
  border: 0.013333rem solid #1E3EDE;
  padding: 0.266667rem;
}

.pc-online-experience .right-content .experience .textarea textarea {
  width: 100%;
  height: 2.4rem;
  overflow: auto;
  margin-bottom: 0.133333rem;
  resize: none;
  border: none;
  font-size: 0.24rem;
  outline: none;
}

.pc-online-experience .right-content .experience .textarea textarea::-webkit-input-placeholder {
  color: #ddd;
  font-size: 0.213333rem;
}

.pc-online-experience .right-content .experience .textarea .btns {
  position: relative;
  height: 0.506667rem;
  width: 100%;
  bottom: 0.066667rem;
  display: inline-block;
  font-size: 0.186667rem;
}

.pc-online-experience .right-content .experience .textarea .btns .count {
  position: absolute;
  left: 0.333333rem;
  top: 0.133333rem;
}

.pc-online-experience .right-content .experience .textarea .btns .btn-type-0 {
  position: absolute;
  right: 1.866667rem;
  font-size: 0.186667rem;
  height: 0.466667rem;
  line-height: 0.466667rem;
  width: 1.6rem;
}

.pc-online-experience .right-content .experience .textarea .btns .btn-type-1 {
  position: absolute;
  right: 0;
  border: 0;
  font-size: 0.186667rem;
  height: 0.466667rem;
  line-height: 0.466667rem;
  width: 1.6rem;
}

.pc-online-experience .right-content .experience .textarea .btns .btn-type-1.disabled {
  color: rgba(0, 0, 0, 0.6);
  background-color: #E4ECFB;
}

.pc-online-experience .right-content .experience .tip {
  font-size: 0.16rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.333333rem;
  margin-top: 0.506667rem;
  margin-bottom: 0.666667rem;
  text-align: center;
}

.pc-online-experience .right-content .experience .tip .contact {
  color: #1E3EDE;
}

.pc-online-experience .right-content .experience-1 .header {
  height: 0.48rem;
  margin-bottom: 0.533333rem;
  position: relative;
}

.pc-online-experience .right-content .experience-1 .header::before {
  display: inline-block;
  content: '*\672C\5730\56FE\7247\652F\6301jpeg\FF0Cjpg\FF0C  bmp\FF0Cpng\FF0Ctif\FF0Ctiff\FF0Cwebp\FF0Cgif\683C\5F0F\FF0C\652F\6301\4E00\6B21\9274\522B  10\5F20\56FE\7247';
  font-size: 0.16rem;
  position: absolute;
  color: #999b99;
  bottom: -0.373333rem;
}

.pc-online-experience .right-content .experience-1 .header .btn-type-0 {
  position: absolute;
  font-size: 0.186667rem;
  right: 1.733333rem;
  width: 1.6rem;
  border-radius: 0;
  height: 0.48rem;
  line-height: 0.48rem;
  border: 0.013333rem solid #0161f3;
  outline-width: 0;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
  color: #0161f3;
}

.pc-online-experience .right-content .experience-1 .header .btn-type-0:hover {
  background: #0161f3;
  color: #FFF;
}

.pc-online-experience .right-content .experience-1 .header .btn-type-1 {
  border-radius: 0;
  vertical-align: middle;
  width: 1.6rem;
  font-size: 0.186667rem;
  height: 0.48rem;
  background-color: #0161f3;
  border: 0;
}

.pc-online-experience .right-content .experience-1 .header .input {
  width: 7.4rem;
  height: 0.48rem;
  border: 0.013333rem solid rgba(1, 97, 243, 0.34);
  vertical-align: middle;
  outline-width: 0;
  padding-left: 0.133333rem;
}

.pc-online-experience .right-content .experience-1 .header .input.input-1 {
  width: 9.133333rem;
}

.pc-online-experience .right-content .experience-1 .header .input.input-disabled {
  border: 0.013333rem solid #E4ECFB;
}

.pc-online-experience .right-content .experience-1 .header .upload {
  display: inline-block;
  position: absolute;
  font-size: 0.186667rem;
  width: 1.6rem;
  right: 0;
  border: 0;
  border-radius: 0;
}

.pc-online-experience .right-content .experience-1 .header .upload label {
  display: inline-block;
  cursor: pointer;
  height: 0.48rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.48rem;
  text-align: center;
  width: 100%;
  font-size: 0.186667rem;
  border-radius: 0;
  border: 0.013333rem solid #0161f3;
  outline-width: 0;
  padding: 0;
  font-weight: 400;
  color: #0161f3;
}

.pc-online-experience .right-content .experience-1 .header .upload label:hover {
  background: #0161f3;
  color: #FFF;
}

.pc-online-experience .right-content .experience-1 .header .upload input {
  display: none;
}

.pc-online-experience .right-content .experience-1 .textarea {
  height: 5.24rem;
  background: #FFF;
  -webkit-box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
          box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
  padding: 0.2rem;
  border: 0.013333rem solid rgba(1, 97, 243, 0.34);
  cursor: pointer;
  position: relative;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs {
  height: 100%;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img {
  display: block;
  height: 2.346667rem;
  float: left;
  margin: 0.026667rem;
  font-size: 0;
  background-color: #fff;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .result-1 {
  text-align: center;
  width: 100%;
  font-size: 0.213333rem;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .result-1 div {
  height: 0.333333rem;
  line-height: 0.333333rem;
  font-size: 0.16rem;
  color: #FFF;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .success-1 {
  background-color: #0161f3;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .error-1 {
  background-color: #E4765C;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .warning-1 {
  background-color: #62B8CE;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img {
  position: relative;
  background-color: #f4f4f4;
  height: 2rem;
  width: 2.346667rem;
  overflow: hidden;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-size: 0;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel {
  background-color: #0161f3;
  border: 0.013333rem solid #0161f3;
  -webkit-box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
          box-shadow: 0 -0.013333rem 0.12rem 0 #ededed;
  cursor: pointer;
  margin-right: 0;
  position: absolute;
  right: 0.066667rem;
  top: 0.066667rem;
  width: 0.2rem;
  height: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  background-color: #FFF;
  z-index: 3;
  border-radius: 50%;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel:hover {
  background-color: #0161f3;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel:hover:before,
.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel:hover:after {
  background-color: #fff;
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel:before {
  position: absolute;
  left: 23%;
  top: 48%;
  content: " ";
  display: block;
  width: 50%;
  height: 0.013333rem;
  background-color: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pc-online-experience .right-content .experience-1 .textarea .upload-imgs .upload-img .img .cancel:after {
  position: absolute;
  left: 23%;
  top: 48%;
  content: " ";
  display: block;
  width: 50%;
  height: 0.013333rem;
  background-color: #000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pc-online-experience .right-content .experience-1 .submit {
  padding: 0.133333rem 0;
  text-align: right;
}

.pc-online-experience .right-content .experience-1 .submit button {
  margin-left: 0.133333rem;
}

.pc-online-experience .right-content .experience-1 .tip {
  font-size: 0.16rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.333333rem;
  margin-top: 0.506667rem;
  margin-bottom: 0.666667rem;
  text-align: center;
}

.pc-online-experience .right-content .experience-1 .tip .contact {
  color: #1E3EDE;
}

.pc-online-experience .title-type {
  position: relative;
  padding-left: 0.213333rem;
  margin: 0.64rem 0 0.213333rem 0;
  font-size: 0.24rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-online-experience .title-type:before {
  display: inline-block;
  content: ' ';
  width: 0.133333rem;
  height: 0.133333rem;
  border: 0.026667rem solid #015BF8;
  border-radius: 0.066667rem;
  position: absolute;
  left: 0;
  top: 0.093333rem;
}

.pc-online-experience .btn-type-0 {
  width: 2.08rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
  background: rgba(255, 255, 255, 0.37);
  border: 0.013333rem solid #0161f3;
  outline-width: 0;
  cursor: pointer;
  padding: 0;
  font-size: 0.24rem;
  font-weight: 400;
  color: #0161f3;
}

.pc-online-experience .btn-type-0:hover {
  background: #0161f3;
  color: #FFF;
}

.pc-online-experience .btn-type-1 {
  width: 1.6rem;
  height: 0.48rem;
  vertical-align: middle;
  line-height: 0.48rem;
  padding: 0;
  background: #0161f3;
  outline: none;
  cursor: pointer;
  font-size: 0.186667rem;
  color: #ffffff;
}

.pc-online-experience .disabled {
  font-size: 0.186667rem;
  width: 1.6rem;
  padding: 0;
  color: rgba(0, 0, 0, 0.6) !important;
  background-color: #E4ECFB !important;
  border: 0.013333rem solid transparent !important;
  vertical-align: middle;
  border-radius: 0;
  height: 0.48rem;
  outline: none;
  line-height: 0.48rem;
}

.pc-online-experience .disabled:hover {
  color: rgba(0, 0, 0, 0.6) !important;
  background-color: #E4ECFB !important;
  border: 0.013333rem solid transparent !important;
}

.pc-online-experience .success-0 .result {
  position: absolute;
  color: #03EDEB;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/success.png") no-repeat;
  background-position: center center;
}

.pc-online-experience .success-0 .result .text-result {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .success-0 .barrage {
  position: absolute;
  display: block;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 0.066667rem;
  top: 10%;
  left: 5% !important;
}

.pc-online-experience .error-0 .result {
  position: absolute;
  color: #e64d45;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/error.png") no-repeat;
  background-position: center center;
}

.pc-online-experience .error-0 .result .text-result {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .error-0 .barrage {
  position: absolute;
  display: block;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 0.066667rem;
  top: 10%;
  left: 5% !important;
}

.pc-online-experience .checking-0:before {
  position: absolute;
  -webkit-animation: mymove 2s ease;
          animation: mymove 2s ease;
  display: block;
  content: ' ';
  width: 100%;
  height: 0.893333rem;
  top: -0.893333rem;
  z-index: 3;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 211, 255, 0.04)), to(rgba(5, 216, 220, 0.22)));
  background: linear-gradient(180deg, rgba(151, 211, 255, 0.04) 0%, rgba(5, 216, 220, 0.22) 100%);
}

.pc-online-experience .checking-0 .barrage {
  position: absolute;
  -webkit-animation: barrage 2s ease;
          animation: barrage 2s ease;
  display: block;
  border-radius: 0.066667rem;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  top: 10%;
}

.pc-online-experience .success-1 {
  position: relative;
}

.pc-online-experience .success-1 .result {
  position: absolute;
  color: #03EDEB;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/success.png") no-repeat center center;
  background-size: auto 80%;
}

.pc-online-experience .success-1 .result .img-result {
  position: absolute;
  width: 1.333333rem;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: -0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .success-1 .result .img-score {
  position: absolute;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: 0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .success-1 .result .res {
  position: absolute;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: 0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .error-1 .result {
  position: absolute;
  color: #e64d45;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/error.png") no-repeat center center;
  background-size: auto 80%;
}

.pc-online-experience .error-1 .result .img-result {
  position: absolute;
  width: 1.333333rem;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: -0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .error-1 .result .img-score {
  position: absolute;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: 0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .warning-1 .result {
  position: absolute;
  color: #c17c52;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("https://portal-static.tongdun.cn/static-public/sec/images/1.0.0/onlineExperience/warning.png") no-repeat center center;
  background-size: auto 80%;
}

.pc-online-experience .warning-1 .result .img-result {
  position: absolute;
  width: 1.333333rem;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: -0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .warning-1 .result .img-score {
  position: absolute;
  font-size: 0.186667rem;
  top: 50%;
  left: 50%;
  margin-top: 0.133333rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pc-online-experience .checking-1:before {
  position: absolute;
  -webkit-animation: mymove 2s ease infinite;
          animation: mymove 2s ease infinite;
  display: block;
  z-index: 3;
  content: ' ';
  width: 100%;
  height: 10%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 211, 255, 0.04)), to(rgba(5, 216, 220, 0.22)));
  background: linear-gradient(180deg, rgba(151, 211, 255, 0.04) 0%, rgba(5, 216, 220, 0.22) 100%);
}

@-webkit-keyframes mymove {
  from {
    top: -0.893333rem;
  }

  to {
    top: 100%;
  }
}

@keyframes mymove {
  from {
    top: -0.893333rem;
  }

  to {
    top: 100%;
  }
}

@-webkit-keyframes barrage {
  from {
    left: 100%;
  }

  to {
    left: 5%;
  }
}

@keyframes barrage {
  from {
    left: 100%;
  }

  to {
    left: 5%;
  }
}

.pc-online-experience .captcha-desc {
  width: 100%;
  color: rgba(0, 0, 0, 0.68);
  font-weight: 500;
  margin: 0.52rem 0 0.266667rem 0;
}

.pc-online-experience .captcha-content {
  position: relative;
  margin: 0 auto;
  border: 0.013333rem solid #0161f3;
  padding-bottom: 0.933333rem;
}

.pc-online-experience .captcha-content .bind-mode,
.pc-online-experience .captcha-content .trigger-mode {
  height: 0.466667rem;
  line-height: 0.466667rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.213333rem;
  cursor: pointer;
  font-weight: normal;
  background: #f3f8ff;
  border-bottom: 0.013333rem solid #0161f3;
}

.pc-online-experience .captcha-content .bind-mode.active {
  border-right: 0.013333rem solid #0161f3;
  border-bottom: 0 solid transparent;
}

.pc-online-experience .captcha-content .trigger-mode.active {
  border-left: 0.013333rem solid #0161f3;
  border-bottom: 0 solid transparent;
}

.pc-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line {
  margin-top: 0.466667rem;
  padding-left: 0.56rem;
}

.pc-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line input {
  width: 3.066667rem;
  height: 0.466667rem;
  line-height: 0.466667rem;
  padding: 0 0.306667rem;
  margin-left: 0.466667rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.35);
  border-radius: 0.026667rem;
  border: 0.013333rem solid rgba(151, 151, 151, 0.51);
}

.pc-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line #captcha {
  display: inline-block;
  margin-left: 0.466667rem;
  vertical-align: middle;
}

.pc-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line .captcha-form-title {
  display: inline-block;
  width: 0.68rem;
  text-align: right;
  font-size: 0.186667rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.pc-online-experience .captcha-content .captcha-inner .captcha-form #loginBtn {
  width: 3.066667rem;
  height: 0.466667rem;
  font-weight: 400;
  color: #ffffff;
  background: #0161f3;
  margin: 0.533333rem 0 0 1.706667rem;
  cursor: pointer;
  outline: none;
  border-radius: 0.066667rem;
  border: 0;
}

.pc-online-experience .captcha-content .captcha-inner .capatcha-qrcode {
  position: absolute;
  right: 1.466667rem;
  top: 1.066667rem;
  text-align: center;
}

.pc-online-experience .captcha-content .captcha-inner .capatcha-qrcode .qrcode {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  text-align: center;
  background: grey;
  font-size: 0;
}

.pc-online-experience .captcha-content .captcha-inner .capatcha-qrcode .qrcode img {
  width: 100%;
  height: 100%;
}

.pc-online-experience .captcha-content .captcha-inner .capatcha-qrcode .qrcode-tips {
  font-size: 0.16rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.16rem;
}

.pc-online-experience .captcha-content .active {
  color: #2f54ea;
  font-weight: 500;
  background: transparent;
}
.pc-privacy .privacy-banner {
  min-width: 16rem;
  position: relative;
  overflow: hidden;
  height: 5.333333rem;
  background: #04054d;
}

.pc-privacy .privacy-banner-img {
  width: 25.6rem;
  margin-left: -12.8rem;
  position: absolute;
  left: 50%;
  text-align: center;
}

.pc-privacy .agreement {
  margin: 0 auto;
  width: 16rem;
  padding: 0.666667rem;
}

.pc-privacy .agreement a {
  color: #0161f3;
  font-size: 0.186667rem;
}

.pc-privacy .agreement .context .title {
  text-align: center;
  font-size: 0.24rem;
  font-weight: bolder;
  padding-bottom: 0.533333rem;
}

.pc-privacy .agreement .context strong {
  color: #000;
  font-weight: bolder;
}

.pc-privacy .agreement .context p {
  text-indent: 2em;
}

.pc-privacy .agreement .context a {
  text-decoration: underline;
}

.pc-privacy .agreement .context h3 {
  position: relative;
  overflow: hidden;
}

.pc-privacy .agreement .context h3 i {
  position: absolute;
  top: -1.333333rem;
}

.pc-privacy .agreement .btn {
  text-align: center;
  margin-top: 0.666667rem;
}

.pc-privacy .agreement .btn .yes {
  margin: 0.133333rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.546667rem;
  height: 0.506667rem;
  padding: 0;
  background: #0161f3;
  border-radius: 0.066667rem;
  font-weight: 400;
  outline-width: 0;
  border: 0.013333rem solid #0161f3;
  color: #FFF;
}

.pc-privacy .agreement .btn .no {
  margin: 0.133333rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  outline-width: 0;
  width: 1.546667rem;
  padding: 0;
  border-radius: 0.066667rem;
  border: 0.013333rem solid #0161f3;
  font-weight: 400;
  color: #0161f3;
  background: white;
}
.pc-product {
  position: relative;
  width: 16rem;
  min-height: 10.666667rem;
  margin: 0.866667rem auto 0;
  padding: 0.48rem 0;
  background-color: #fff;
}

.pc-product .left-bar {
  position: fixed;
  overflow: auto;
  height: calc(100% - 1.6rem);
}

.pc-product .left-bar .menu .title {
  position: relative;
  padding: 0.106667rem 0 0.106667rem 0.666667rem;
  cursor: pointer;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #04054D;
  letter-spacing: 0.013333rem;
  border-bottom: 0.013333rem solid #D9DDE6;
}

.pc-product .left-bar .menu .title .menu-icon {
  width: 0.213333rem;
  vertical-align: middle;
  position: absolute;
  left: 0.266667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .left-bar .menu .menuItems {
  padding: 0.133333rem 0 0.4rem;
  width: 2.666667rem;
}

.pc-product .left-bar .menu .menuItems .menuItem {
  padding-left: 0.666667rem;
  cursor: pointer;
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.32rem;
  height: 0.32rem;
}

.pc-product .left-bar .menu .menuItems .menuItem a {
  color: rgba(4, 5, 77, 0.6);
}

.pc-product .left-bar .menu .menuItems .active {
  color: #2A78FF;
}

.pc-product .left-bar .menu .menuItems .active a {
  color: #2A78FF;
}

.pc-product .left-bar .menu .close {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.pc-product .left-bar-fixed {
  position: absolute;
  bottom: 0.266667rem;
  height: auto;
}

.pc-product .right-content {
  background-color: #fff;
  float: right;
  padding-left: 0.866667rem;
}

.pc-product .right-content .img-out-div {
  width: 80%;
  padding: 0.133333rem 0;
  text-align: center;
  margin: 0 auto;
}

.pc-product .right-content i {
  position: absolute;
  top: -1.333333rem;
}

.pc-product .right-content .banner {
  position: relative;
  width: 12.6rem;
  min-height: 4rem;
  background: #F4F8FF;
  background-size: 100% 100%;
  padding: 0.533333rem;
}

.pc-product .right-content .banner .title {
  font-size: 0.426667rem;
  color: rgba(0, 0, 0, 0.85);
}

.pc-product .right-content .banner .dec {
  font-size: 0.186667rem;
  color: #04054D;
  margin-top: 0.106667rem;
  width: 6.88rem;
  line-height: 0.32rem;
  letter-spacing: 0.026667rem;
  opacity: 0.6;
}

.pc-product .right-content .banner .bg {
  position: absolute;
  right: 0.906667rem;
  top: 0.693333rem;
  width: 3.48rem;
  z-index: 0;
}

.pc-product .right-content .banner .img {
  position: absolute;
  right: 1.2rem;
  top: 0.8rem;
  width: 2.666667rem;
  z-index: 1;
  -webkit-animation: banner_0 3s ease-in-out infinite;
          animation: banner_0 3s ease-in-out infinite;
}

@-webkit-keyframes banner_0 {
  0% {
    top: 0.8rem;
  }

  50% {
    top: 1.066667rem;
  }

  100% {
    top: 0.8rem;
  }
}

@keyframes banner_0 {
  0% {
    top: 0.8rem;
  }

  50% {
    top: 1.066667rem;
  }

  100% {
    top: 0.8rem;
  }
}

.pc-product .right-content .banner .btns {
  float: left;
  margin-top: 0.426667rem;
  width: 1.493333rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  background: #0161f3;
}

.pc-product .right-content .banner .btns .btn-free {
  font-size: 0.186667rem;
  color: #FFF;
  display: inline-block;
  width: 100%;
}

.pc-product .right-content .banner .btns-try {
  margin-left: 0.133333rem;
  background: inherit;
  border: 0.013333rem solid #0161f3;
}

.pc-product .right-content .banner .btns-try a {
  color: #0161f3;
}

.pc-product .right-content .banner-privacy .dec {
  width: 7.6rem;
}

.pc-product .right-content .tabs {
  padding-top: 0.426667rem;
  border-bottom: 0.013333rem solid #D9DDE6;
}

.pc-product .right-content .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0.16rem 0.213333rem;
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-product .right-content .tabs .tab.active,
.pc-product .right-content .tabs .tab:hover {
  color: #015BF8;
}

.pc-product .right-content .tabs .tab.active:after,
.pc-product .right-content .tabs .tab:hover:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  left: 0;
  height: 0.026667rem;
  background: #2A78FF;
  bottom: -0.013333rem;
}

.pc-product .right-content .banner-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
          box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
  width: 100%;
  z-index: 99;
}

.pc-product .right-content .banner-fixed .tabs-fixed {
  height: 0.853333rem;
  width: 16.266667rem;
  margin: 0 auto;
  padding-left: 3.333333rem;
}

.pc-product .right-content .banner-fixed .tabs-fixed .tab {
  display: inline-block;
  height: 0.853333rem;
  line-height: 0.853333rem;
  padding: 0 0.4rem;
  font-size: 0.186667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-product .right-content .banner-fixed .tabs-fixed .tab:hover {
  color: #015bf8;
  border-bottom: 0.026667rem solid #015BF8;
}

.pc-product .right-content .banner-fixed .tabs-fixed .tab-active {
  color: #015BF8;
  border-bottom: 0.026667rem solid #015BF8;
}

.pc-product .right-content .banner-fixed .tabs-fixed a {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.333333rem;
}

.pc-product .right-content .banner-fixed .tabs-fixed .btn-try {
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.333333rem;
  height: 0.506667rem;
  background: #0161f3;
  border-radius: 0.066667rem;
  color: #FFF;
  float: right;
  margin-top: 0.186667rem;
}

.pc-product .right-content .banner-fixed .tabs-fixed .btn-try:hover {
  background-color: #ff9f00;
}

.pc-product .right-content .title-type {
  padding: 0.413333rem 0 0.213333rem 0;
  font-size: 0.213333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .title-type img {
  width: 0.16rem;
  margin-right: 0.066667rem;
}

.pc-product .right-content .product-info .info-desc {
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
  padding: 0.32rem;
}

.pc-product .right-content .product-info .info-desc p {
  opacity: 0.6;
  font-size: 0.186667rem;
  color: #04054D;
}

.pc-product .right-content .product-show .box {
  width: 12.56rem;
}

.pc-product .right-content .product-show .box img {
  width: 100%;
}

.pc-product .right-content .product-intro {
  position: relative;
}

.pc-product .right-content .product-intro .ant-col-12:nth-child(2n) .box {
  margin-left: 0.106667rem;
}

.pc-product .right-content .product-intro .ant-col-12:nth-child(2n+1) .box {
  margin-right: 0.106667rem;
}

.pc-product .right-content .product-intro .box {
  position: relative;
  margin-bottom: 0.213333rem;
  text-align: center;
  height: 1.6rem;
  padding: 0.146667rem 0.146667rem 0.146667rem 1.12rem;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.pc-product .right-content .product-intro .box .icon {
  width: 0.666667rem;
  position: absolute;
  left: 0.24rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .right-content .product-intro .box .title {
  height: 0.32rem;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .product-intro .box .label {
  width: 4.64rem;
  opacity: 0.6;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .product-customer-case {
  display: inline-block;
  float: left;
  width: 2.933333rem;
  height: 1.066667rem;
  margin-right: 0.213333rem;
  overflow: hidden;
}

.pc-product .right-content .product-customer-case img {
  width: 100%;
  height: 100%;
}

.pc-product .right-content .product-customer-case:last-child {
  margin-right: 0;
}

.pc-product .right-content .product-risk {
  position: relative;
}

.pc-product .right-content .product-risk .ant-row {
  margin-left: -0.213333rem;
}

.pc-product .right-content .product-risk .ant-col-6 .box {
  margin-left: 0.213333rem;
}

.pc-product .right-content .product-risk .box {
  margin-bottom: 0.213333rem;
  text-align: center;
  height: 1.626667rem;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
  padding: 0.266667rem;
}

.pc-product .right-content .product-risk .box .icon {
  width: 0.666667rem;
}

.pc-product .right-content .product-risk .box .title {
  padding-top: 0.106667rem;
  height: 0.32rem;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  line-height: 0.32rem;
}

.pc-product .right-content .product-intro-1 .box {
  height: 1.253333rem;
}

.pc-product .right-content .product-intro-1 .box .label {
  width: inherit;
}

.pc-product .right-content .product-intro-2 {
  position: relative;
}

.pc-product .right-content .product-intro-2 .box {
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
  padding: 0.32rem;
  opacity: 0.6;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .product-intro-3 {
  position: relative;
}

.pc-product .right-content .product-intro-3 .ant-col-12:nth-child(2n) .box {
  margin-left: 0.106667rem;
}

.pc-product .right-content .product-intro-3 .ant-col-12:nth-child(2n+1) .box {
  margin-right: 0.106667rem;
}

.pc-product .right-content .product-intro-3 .box {
  position: relative;
  margin-bottom: 0.213333rem;
  text-align: center;
  height: 1.253333rem;
  padding: 0.146667rem 0.146667rem 0.146667rem 1.12rem;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.pc-product .right-content .product-intro-3 .box .icon {
  width: 0.666667rem;
  position: absolute;
  left: 0.24rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .right-content .product-intro-3 .box .title {
  height: 0.32rem;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .product-intro-3 .box .label {
  width: 4.266667rem;
  opacity: 0.6;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .product-intro-4 .box {
  height: 1.6rem;
}

.pc-product .right-content .product-intro-5 .box {
  height: 1.253333rem;
}

.pc-product .right-content .product-intro-5 .box .label {
  width: inherit;
}

.pc-product .right-content .product-intro-6 .box {
  height: 1.253333rem;
}

.pc-product .right-content .core-advantage {
  position: relative;
}

.pc-product .right-content .core-advantage .ant-col-12:nth-child(2n) .box {
  margin-left: 0.106667rem;
}

.pc-product .right-content .core-advantage .ant-col-12:nth-child(2n+1) .box {
  margin-right: 0.106667rem;
}

.pc-product .right-content .core-advantage .box {
  position: relative;
  text-align: center;
  margin-bottom: 0.213333rem;
  height: 1.253333rem;
  padding: 0.146667rem 0.146667rem 0.146667rem 1.12rem;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.pc-product .right-content .core-advantage .box .icon {
  width: 0.746667rem;
  position: absolute;
  left: 0.24rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .right-content .core-advantage .box .title {
  height: 0.933333rem;
  line-height: 0.933333rem;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
}

.pc-product .right-content .core-advantage-4 {
  position: relative;
}

.pc-product .right-content .core-advantage-4 .ant-col-12:nth-child(2n) .box {
  margin-left: 0.106667rem;
}

.pc-product .right-content .core-advantage-4 .ant-col-12:nth-child(2n+1) .box {
  margin-right: 0.106667rem;
}

.pc-product .right-content .core-advantage-4 .box {
  position: relative;
  text-align: center;
  margin-bottom: 0.213333rem;
  height: 1.253333rem;
  padding: 0.146667rem 0.146667rem 0.146667rem 1.12rem;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.pc-product .right-content .core-advantage-4 .box .icon {
  width: 0.746667rem;
  position: absolute;
  left: 0.24rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .right-content .core-advantage-4 .box .title {
  height: 0.32rem;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-product .right-content .core-advantage-4 .box .tip {
  position: absolute;
  z-index: -1;
  background: rgba(0, 0, 0, 0.66);
  color: #FFF;
  padding: 0.133333rem;
  border-radius: 0.066667rem;
  text-align: left;
  bottom: 1.333333rem;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.pc-product .right-content .core-advantage-4 .box .tip:after {
  display: block;
  content: ' ';
  position: absolute;
  bottom: -0.08rem;
  left: 50%;
  border-left: 0.093333rem solid transparent;
  border-right: 0.093333rem solid transparent;
  border-top: 0.093333rem solid rgba(0, 0, 0, 0.66);
}

.pc-product .right-content .core-advantage-4 .box .label:hover + .tip {
  display: block;
  opacity: 1;
  z-index: 99;
}

.pc-product .right-content .core-advantage-4 .box .label {
  opacity: 0.6;
  font-size: 0.186667rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: 4.64rem;
  height: 0.64rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
}

.pc-product .right-content .core-advantage-1 {
  position: relative;
}

.pc-product .right-content .core-advantage-1 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pc-product .right-content .core-advantage-1 .flex .icon {
  width: 0.466667rem;
}

.pc-product .right-content .core-advantage-1 .flex .label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.266667rem 0.266667rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.68);
  line-height: 0.426667rem;
}

.pc-product .right-content .core-advantage-1 .flex .label .title {
  font-weight: bolder;
}

.pc-product .right-content .core-advantage-2 {
  position: relative;
}

.pc-product .right-content .core-advantage-2 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pc-product .right-content .core-advantage-2 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
}

.pc-product .right-content .core-advantage-2 .flex .box .icon {
  height: 1.133333rem;
  display: inline-block;
}

.pc-product .right-content .core-advantage-2 .flex .box .icon img {
  height: 100%;
}

.pc-product .right-content .core-advantage-2 .flex .box .title {
  height: 0.373333rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.373333rem;
  letter-spacing: 0.013333rem;
  margin: 0.253333rem 0 0.36rem 0;
}

.pc-product .right-content .core-advantage-2 .flex .box .label {
  padding: 0 0.533333rem;
  font-size: 0.186667rem;
  height: 1.333333rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.266667rem;
}

.pc-product .right-content .core-advantage-3 .content {
  line-height: 0.346667rem;
  text-align: center;
}

.pc-product .right-content .application-scene {
  position: relative;
}

.pc-product .right-content .application-scene .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.466667rem;
}

.pc-product .right-content .application-scene .flex .box {
  position: relative;
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
  -webkit-box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
  border: 0.013333rem solid #FFF;
  -webkit-transition: height .3s;
  transition: height .3s;
}

.pc-product .right-content .application-scene .flex .box .icon {
  margin-top: 0.533333rem;
  display: inline-block;
}

.pc-product .right-content .application-scene .flex .box .title {
  position: absolute;
  height: 0.373333rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.373333rem;
  letter-spacing: 0.013333rem;
  bottom: 0.533333rem;
  width: 100%;
}

.pc-product .right-content .application-scene .flex .box .label {
  padding: 0.4rem 0.2rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.pc-product .right-content .application-scene .flex .box:hover {
  background: #0161f3;
  color: #FFF;
  height: 3.466667rem;
}

.pc-product .right-content .application-scene .flex .box:hover .label {
  display: block;
}

.pc-product .right-content .application-scene .flex .box:hover .icon {
  display: none;
}

.pc-product .right-content .application-scene .flex .box:hover .title {
  position: relative;
  margin-top: 0.533333rem;
  bottom: auto;
  color: #FFF;
}

.pc-product .right-content .application-scene-1 {
  position: relative;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 {
  height: 3.2rem;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box {
  overflow: auto;
  text-align: center;
  height: 2.666667rem;
  -webkit-box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
  border: 0.013333rem solid #FFF;
  -webkit-transition: height .3s;
  transition: height .3s;
  margin: 0 0.053333rem 0.466667rem;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box .icon {
  position: relative;
  display: inline-block;
  margin-top: 0.333333rem;
  height: 1.013333rem;
  width: 1.013333rem;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box .title {
  height: 0.373333rem;
  font-size: 0.213333rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.373333rem;
  letter-spacing: 0.013333rem;
  margin-top: 0.4rem;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box .label {
  padding: 0.4rem 0.266667rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box:hover {
  background: #0161f3;
  color: #FFF;
  height: 2.933333rem;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box:hover .label {
  display: block;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box:hover .icon {
  display: none;
}

.pc-product .right-content .application-scene-1 .ant-row .ant-col-8 .box:hover .title {
  color: #FFF;
}

.pc-product .right-content .application-scene-2 {
  position: relative;
}

.pc-product .right-content .application-scene-2 .title {
  height: 1.066667rem;
  font-size: 0.213333rem;
}

.pc-product .right-content .application-scene-2 .label {
  height: 3.733333rem;
  text-align: center;
  color: #FFF;
  font-size: 0.24rem;
  position: relative;
}

.pc-product .right-content .application-scene-2 .label > div {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-product .right-content .application-scene-3 {
  position: relative;
}

.pc-product .right-content .application-scene-3 .box .title {
  color: #538135;
  margin: 0.133333rem auto;
}

.pc-product .right-content .application-scene-4 {
  position: relative;
}

.pc-product .right-content .application-scene-4 .header {
  display: table;
  width: 100%;
  border-bottom: 0.013333rem solid #E7F7FF;
}

.pc-product .right-content .application-scene-4 .header .item {
  padding: 0.213333rem;
  line-height: 0.293333rem;
  display: inline-block;
  text-align: center;
  font-size: 0.186667rem;
  margin-right: 0.213333rem;
}

.pc-product .right-content .application-scene-7 {
  position: relative;
}

.pc-product .right-content .application-scene-7 .header {
  display: table;
  width: 100%;
}

.pc-product .right-content .application-scene-7 .header .item {
  border: 0.013333rem solid #D9DDE6;
  cursor: pointer;
  display: table-cell;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  font-size: 0.186667rem;
  background: #F4F8FF;
  border-right: 0;
  color: #04054D;
  letter-spacing: 0;
}

.pc-product .right-content .application-scene-7 .header .item:last-child {
  border-right: 0.013333rem solid #D9DDE6;
}

.pc-product .right-content .application-scene-7 .header .item.active {
  background-color: #fff;
  border-bottom: 0;
}

.pc-product .right-content .application-scene-7 .header .no_child {
  cursor: default;
}

.pc-product .right-content .application-scene-7 .box {
  padding: 0.533333rem 2.4rem;
  border: 0.013333rem solid #D9DDE6;
  border-top: 0;
  display: none;
  height: 0.64rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 0.186667rem;
  color: #04054D;
  line-height: 0.32rem;
  text-align: center;
  opacity: 0.6;
}

.pc-product .right-content .application-scene-7 .box.show {
  display: block;
}

.pc-product .right-content .application-scene-5 {
  position: relative;
}

.pc-product .right-content .application-scene-5 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pc-product .right-content .application-scene-5 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
  margin: 0 0.533333rem;
}

.pc-product .right-content .application-scene-5 .flex .box .title {
  color: #FFF;
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.266667rem;
  font-size: 0.213333rem;
  position: relative;
}

.pc-product .right-content .application-scene-5 .flex .box .title .word {
  position: absolute;
  z-index: 3;
}

.pc-product .right-content .application-scene-5 .flex .box .title:hover:before {
  display: block;
  content: ' ';
  position: absolute;
  background-color: rgba(1, 97, 243, 0.66);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pc-product .right-content .application-scene-5 .flex .box .label {
  height: 2rem;
  padding: 0.266667rem;
}

.pc-product .right-content .application-scene-5 .flex .box .label .item {
  position: relative;
  padding-left: 0.133333rem;
  font-size: 0.186667rem;
}

.pc-product .right-content .application-scene-5 .flex .box .label .item:before {
  display: inline-block;
  position: absolute;
  left: -0.133333rem;
  top: 0.106667rem;
  content: ' ';
  padding: 0.053333rem;
  background-color: #E8E9Ea;
  border-radius: 50%;
}

.pc-product .right-content .application-scene-6 {
  position: relative;
}

.pc-product .right-content .application-scene-6 .header {
  display: table;
  width: 100%;
  border-bottom: 0.013333rem solid #E7F7FF;
  margin-bottom: 0.053333rem;
}

.pc-product .right-content .application-scene-6 .header .item {
  cursor: pointer;
  display: inline-block;
  height: 0.64rem;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.186667rem;
  border-right: 0;
  letter-spacing: 0;
  border-bottom: 0;
  padding: 0.213333rem;
  margin-right: 0.213333rem;
}

.pc-product .right-content .application-scene-6 .header .item.active {
  color: #015BF8;
  background-color: #fff;
  border-bottom: 0.026667rem solid #2A78FF;
}

.pc-product .right-content .application-scene-6 .header .no_child {
  cursor: default;
}

.pc-product .right-content .application-scene-6 .box {
  padding: 0.706667rem 1.773333rem;
  border-top: 0;
  display: none;
  height: 0.64rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 0.186667rem;
  color: #04054D;
  line-height: 0.32rem;
  text-align: center;
  opacity: 0.6;
  background-size: cover;
  background-image: url("");
}

.pc-product .right-content .application-scene-6 .box.show {
  display: block;
}

.pc-product .right-content .application-scene-8 .header .item {
  padding: 0.16rem 0;
}

.pc-product .right-content .access-scene {
  position: relative;
}

.pc-product .right-content .access-scene .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f3f8ff;
}

.pc-product .right-content .access-scene .flex .box {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
}

.pc-product .right-content .access-scene .flex .box .icon {
  margin-top: 0.333333rem;
  display: inline-block;
}

.pc-product .right-content .access-scene .flex .box .title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.44rem;
  letter-spacing: 0.013333rem;
  margin-top: 0.253333rem;
  font-size: 0.24rem;
}

.pc-product .right-content .access-scene .flex .box .label {
  padding: 0.2rem 0.266667rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.293333rem;
}

.pc-product .right-content .access-scene .flex .box .label a {
  color: #1890ff;
  vertical-align: top;
  font-size: 0.186667rem;
}

.pc-product .right-content .access-scene .flex .arrow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
}

.pc-product .right-content .access-scene .flex .arrow .icon {
  display: block;
  margin-top: 0.866667rem;
  position: relative;
}

.pc-product .right-content .customer-case {
  position: relative;
  text-align: center;
}

.pc-product .right-content .customer-case .icon {
  display: inline-block;
  margin: 0.333333rem;
}

.pc-product .right-content .help-center {
  position: relative;
}

.pc-product .right-content .help-center .con {
  position: relative;
  background: #f3f8ff;
  padding: 0.533333rem 0.533333rem 0.533333rem;
  margin-bottom: 0.666667rem;
}

.pc-product .right-content .help-center .con .btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
}

.pc-product .right-content .help-center .con .btn button {
  position: relative;
  cursor: pointer;
  height: 0.466667rem;
  padding: 0 0.266667rem;
  line-height: 0.466667rem;
  border-radius: 0.066667rem;
  border: 0;
  font-size: 0.16rem;
  font-weight: 400;
  color: #0161f3;
  background-color: transparent;
  outline-width: 0;
}

.pc-product .right-content .help-center .con .btn button:after {
  position: absolute;
  right: 0.066667rem;
  top: 0.173333rem;
  margin-top: 0;
  display: inline-block;
  content: ' ';
  padding: 0.026667rem;
  border-bottom: 0.013333rem solid #0161f3;
  border-right: 0.013333rem solid #0161f3;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
}

.pc-product .right-content .help-center .con .flex {
  height: 100%;
  overflow: auto;
}

.pc-product .right-content .help-center .con .flex .box {
  padding-bottom: 0.133333rem;
}

.pc-product .right-content .help-center .con .flex .box .title {
  font-size: 0.186667rem;
  font-weight: 400;
  color: #0161f3;
  line-height: 0.266667rem;
  padding-bottom: 0.066667rem;
  letter-spacing: 0.013333rem;
}

.pc-product .right-content .help-center .con .flex .box .label {
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.013333rem;
}
.reister-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.register-modal-body {
  margin-top: 3.866667rem;
  width: 8rem;
  height: 4.8rem;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.register-modal-body-img {
  margin-top: 0.48rem;
  width: 8rem;
  height: 1.72rem;
}

.register-modal-body-text {
  margin-top: 0.48rem;
  font-size: 0.213333rem;
  color: #010101;
}

.register-modal-body-btn {
  margin-top: 0.48rem;
  background: #0c61f5;
  width: 1.546667rem;
  height: 0.533333rem;
  color: #fff;
  border: none;
  cursor: pointer;
}

.register-modal-body-btn:hover {
  color: #fff;
  background-color: #1a6af3;
}

.register-modal-body-btn:focus {
  outline: none;
}
/**
 * @Author: sunshiqiang
 * @Date: 2018/11/23
 * @Title: 注册
 */

.pc-register {
  background: #04054d url('//portal-static.tongdun.cn/static-public/sec/images/1.0.0/register.png') top center no-repeat;
  overflow: auto;
}

.pc-register .form .require:before {
  display: none !important;
}

.pc-register footer {
  margin-top: 20vh;
}

.pc-register-con {
  position: relative;
  width: 12.186667rem;
  min-height: calc(100vh - 5.8rem);
  margin: 1.92rem auto;
  border: 0.013333rem solid rgba(195, 195, 195, 0.64);
  border-radius: 0.066667rem;
  background: #ffffff;
}

.pc-register-con a {
  color: #0161f3;
  font-size: 0.186667rem;
}

.pc-register-con .header {
  position: relative;
  height: 1.12rem;
  text-align: center;
  line-height: 1.12rem;
  -webkit-box-shadow: 0 0.026667rem 0.026667rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.026667rem 0 rgba(195, 195, 195, 0.64);
}

.pc-register-con .header .title {
  font-size: 0.24rem;
  font-weight: 400;
  color: #010101;
}

.pc-register-con .header .tip {
  position: absolute;
  right: 0.573333rem;
  top: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.186667rem;
}

.pc-register-con .content {
  min-height: 2.666667rem;
}

.pc-register-con .content .form {
  margin: 0.746667rem auto 0.666667rem;
  width: 5.173333rem;
}

.pc-register-con .content .form .form-label {
  width: 0.746667rem;
  display: inline-block;
  text-align: right;
  margin-right: 0.106667rem;
  color: #010101;
}

.pc-register-con .content .form .input {
  position: relative;
}

.pc-register-con .content .form .input input {
  width: 4.32rem;
  padding: 0.146667rem 0.2rem;
  margin-bottom: 0.186667rem;
  outline-color: transparent;
  outline-width: 0;
  font-size: 0.186667rem;
  border: 0;
  -webkit-box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.41);
          box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.41);
}

.pc-register-con .content .form .input input:focus {
  outline: none;
  border: none;
}

.pc-register-con .content .form .div-select-style:focus {
  border: 0.013333rem solid #2684ff;
}

.pc-register-con .content .form .describe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pc-register-con .content .form .describe .form-label {
  margin-top: 0.106667rem;
}

.pc-register-con .content .form .textarea {
  width: 4.32rem;
  height: 2.28rem;
  padding: 0.146667rem 0.2rem;
  outline-color: transparent;
  outline-width: 0;
  font-size: 0.186667rem;
  border: 0;
  -webkit-box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.41);
          box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.41);
}

.pc-register-con .content .form .textarea:focus {
  outline: none;
  border: none;
}

.pc-register-con .content .form .select-style > div {
  min-height: 0.573333rem;
  border-radius: 0;
  padding: 0.026667rem 0.08rem;
  outline-color: transparent;
  outline-width: 0;
  font-size: 0.186667rem;
  -webkit-box-shadow: #c3c3c3 0 0 0.026667rem 0;
          box-shadow: #c3c3c3 0 0 0.026667rem 0;
  border-width: 0;
}

.pc-register-con .content .form .select-style > div:focus {
  border: 0.013333rem solid #2684ff;
}

.pc-register-con .content .form .section-style:focus {
  border: 0.013333rem solid #2684ff;
}

.pc-register-con .content .form .error-0 input,
.pc-register-con .content .form .error-1 input,
.pc-register-con .content .form .error-2 input,
.pc-register-con .content .form .error-3 input {
  -webkit-box-shadow: 0 0 0.026667rem 0 red;
          box-shadow: 0 0 0.026667rem 0 red;
}

.pc-register-con .content .form .error-0:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 2rem;
  left: 5.333333rem;
  color: red;
  content: '\8BF7\586B\5199\4F01\4E1A\6267\7167\4E0A\7684\516C\53F8\540D\79F0(\4F8B\5982   \67D0\6709\9650\516C\53F8)';
}

.pc-register-con .content .form .require:before {
  display: inline-block;
  position: absolute;
  bottom: 0.333333rem;
  left: -0.666667rem;
  color: red;
  content: '*\5FC5\586B';
}

.pc-register-con .content .form .error-1:after {
  display: inline-block;
  position: absolute;
  bottom: 0.2rem;
  width: 2rem;
  left: 5.333333rem;
  color: red;
  content: '\8BF7\586B\5199\6B63\786E\7684\4E2D\6587\59D3\540D(\4F8B\5982   \738B\5148\751F)';
}

.pc-register-con .content .form .error-2:after {
  display: inline-block;
  position: absolute;
  bottom: 0.32rem;
  width: 2.666667rem;
  left: 5.333333rem;
  color: red;
  content: '\8BF7\586B\5199\6B63\786E\7684\4F01\4E1A\90AE\7BB1';
}

.pc-register-con .content .form .error-3:after {
  display: inline-block;
  position: absolute;
  bottom: 0.32rem;
  width: 2.666667rem;
  left: 5.333333rem;
  color: red;
  content: '\8BF7\586B\5199\6B63\786E\7684\624B\673A\53F7\7801';
}

.pc-register-con .content .form .checkbox {
  padding-bottom: 0.266667rem;
  margin-left: 0.853333rem;
  margin-top: 0.266667rem;
}

.pc-register-con .content .form .checkbox #checkbox-input {
  display: none;
  margin-right: 0.133333rem;
}

.pc-register-con .content .form .checkbox .label {
  font-size: 0.16rem;
  cursor: pointer;
}

.pc-register-con .content .form .checkbox a {
  font-size: 0.16rem;
}

.pc-register-con .content .form .checkbox #checkbox-input + label {
  vertical-align: middle;
  display: inline-block;
  width: 0.186667rem;
  height: 0.186667rem;
  margin-right: 0.133333rem;
  cursor: pointer;
  background: #fff;
  border: 0.013333rem solid #c3c3c3;
}

.pc-register-con .content .form .checkbox #checkbox-input:checked + label {
  border: 0.013333rem solid #0161f3;
}

.pc-register-con .content .form .checkbox #checkbox-input:checked + label::before {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  line-height: 0.16rem;
  content: '\2713';
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
  background-color: #0161f3;
}

.pc-register-con .content .form .submit {
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: #fff;
  width: 4.32rem;
  margin-left: 0.853333rem;
  outline-color: transparent;
  outline-width: 0;
  text-align: center;
  cursor: pointer;
  padding: 0;
  letter-spacing: 0.026667rem;
  background-color: #0161f3;
  border: 0;
}

.pc-register-con .content .form .disabled {
  opacity: 0.5;
}

.pc-register-con .content .agreement {
  padding: 0.666667rem;
}

.pc-register-con .content .agreement .context .title {
  text-align: center;
  font-size: 0.24rem;
  font-weight: bolder;
  padding-bottom: 0.533333rem;
}

.pc-register-con .content .agreement .context strong {
  color: #000;
  font-weight: bolder;
}

.pc-register-con .content .agreement .context p {
  text-indent: 2em;
}

.pc-register-con .content .agreement .context a {
  text-decoration: underline;
}

.pc-register-con .content .agreement .context h3 {
  position: relative;
  overflow: hidden;
}

.pc-register-con .content .agreement .context h3 i {
  position: absolute;
  top: -1.333333rem;
}

.pc-register-con .content .agreement .btn {
  text-align: center;
  margin-top: 0.666667rem;
}

.pc-register-con .content .agreement .btn .yes {
  margin: 0.133333rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.546667rem;
  height: 0.506667rem;
  padding: 0;
  background: #0161f3;
  border-radius: 0.066667rem;
  font-weight: 400;
  outline-width: 0;
  border: 0.013333rem solid #0161f3;
  color: #fff;
}

.pc-register-con .content .agreement .btn .no {
  margin: 0.133333rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  outline-width: 0;
  width: 1.546667rem;
  padding: 0;
  border-radius: 0.066667rem;
  border: 0.013333rem solid #0161f3;
  font-weight: 400;
  color: #0161f3;
  background: white;
}

.pc-register-con .content .result {
  padding: 0.666667rem;
}

.pc-register-con .content .result .context {
  text-align: center;
}

.pc-register-con .content .result .context .title {
  font-size: 0.24rem;
  font-weight: bolder;
  padding: 0.533333rem;
}

.pc-register-con .content .result .btn {
  text-align: center;
  margin-top: 0.666667rem;
}

.pc-register-con .content .result .btn .back {
  margin: 0.133333rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.546667rem;
  height: 0.506667rem;
  padding: 0;
  background: #0161f3;
  border-radius: 0.066667rem;
  font-weight: 400;
  outline-width: 0;
  border: 0.013333rem solid #0161f3;
  color: #fff;
}

.pc-register-con .login-btn {
  display: inline-block;
  width: 1.146667rem;
  height: 0.36rem;
  border: 0.013333rem solid #2962f7;
  text-align: center;
  border-radius: 0.066667rem;
  margin-top: 0.08rem;
  padding-top: 0.026667rem;
  color: #2962f7;
  float: right;
}

.pc-register-con .register-header {
  height: 0.8rem;
  background: #ffffff;
  border: 0.013333rem solid #e5eaf0;
}

.pc-register-con .register-header div {
  width: 16rem;
  margin: 0.133333rem auto;
}

.pc-register-con .register-header div a {
  display: block;
}

.pc-register-con .register-header div a:first-child {
  float: left;
}

.pc-register-con .register-banner {
  height: 0.853333rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pc-register-con .register-banner img {
  position: absolute;
  left: 50%;
  margin-left: -12.8rem;
  width: 25.6rem;
  height: 0.853333rem;
}

.pc-register-con .area {
  padding-bottom: 0.186667rem;
  position: relative;
}

.pc-register-con .area > div {
  display: inline-block;
  width: 49%;
}

.pc-register-con .area > div:first-child {
  margin-right: 2%;
}

.pc-register-con .error-province:after {
  display: inline-block;
  position: absolute;
  bottom: 0.173333rem;
  width: 2.666667rem;
  left: 4.666667rem;
  color: red;
  content: '\8BF7\9009\62E9\7701\4EFD\3001\57CE\5E02';
}

.pc-register-con .error-city:after {
  display: inline-block;
  color: red;
  position: absolute;
  bottom: 0.173333rem;
  width: 2.666667rem;
  left: 4.666667rem;
  content: '\8BF7\9009\62E9\57CE\5E02';
}

.pc-register-con .error-province.error-city:after {
  display: inline-block;
  position: absolute;
  bottom: 0.173333rem;
  width: 2.666667rem;
  left: 4.666667rem;
  color: red;
  content: '\8BF7\9009\62E9\7701\4EFD\3001\57CE\5E02';
}

.pc-register-con .error-province .province,
.pc-register-con .error-city .city {
  -webkit-box-shadow: red 0 0 0.026667rem 0;
          box-shadow: red 0 0 0.026667rem 0;
}

.pc-register-con .copyright {
  text-align: center;
}

.pc-register-con .copyright a {
  color: rgba(0, 0, 0, 0.65);
}
.pc-scene {
  position: relative;
  min-height: 10.666667rem;
  margin: 0;
  background-color: #fff;
}

.pc-scene-body {
  background-color: #fff;
  overflow: hidden;
}

.pc-scene-body .banner {
  min-width: 16rem;
  position: relative;
  overflow: hidden;
  height: 7.2rem;
}

.pc-scene-body .banner .title {
  font-size: 0.64rem;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 2.4rem;
  z-index: 2;
}

.pc-scene-body .banner .dec {
  font-size: 0.213333rem;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 3.466667rem;
  z-index: 2;
}

.pc-scene-body .banner .dec .desc {
  width: 16rem;
  margin: 0 auto;
}

.pc-scene-body .banner .img {
  width: 25.6rem;
  margin-left: -12.8rem;
  position: absolute;
  left: 50%;
  text-align: center;
}

.pc-scene-body .tabs {
  margin-top: -0.8rem;
  text-align: center;
}

.pc-scene-body .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0.266667rem 0.533333rem;
  font-size: 0.186667rem;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-scene-body .tabs .tab:hover {
  color: #2A78FF;
}

.pc-scene-body .banner-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
          box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
  width: 100%;
  z-index: 99;
}

.pc-scene-body .banner-fixed .tabs-fixed {
  height: 0.853333rem;
  width: 16.266667rem;
  margin: 0 auto;
  padding-left: 3.333333rem;
}

.pc-scene-body .banner-fixed .tabs-fixed .tab {
  display: inline-block;
  height: 0.853333rem;
  line-height: 0.853333rem;
  padding: 0 0.4rem;
  font-size: 0.186667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-scene-body .banner-fixed .tabs-fixed .tab:hover {
  color: #015bf8;
  border-bottom: 0.026667rem solid #015BF8;
}

.pc-scene-body .banner-fixed .tabs-fixed .tab-active {
  color: #015BF8;
  border-bottom: 0.026667rem solid #015BF8;
}

.pc-scene-body .banner-fixed .tabs-fixed a {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.333333rem;
}

.pc-scene-body .scene-block {
  padding: 0.8rem 0;
  position: relative;
}

.pc-scene-body .scene-block i {
  position: absolute;
  top: 0;
}

.pc-scene-body .scene-block-title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0.32rem;
  color: #04054D;
  position: relative;
  margin-bottom: 0.666667rem;
}

.pc-scene-body .scene-block-title span {
  position: relative;
}

.pc-scene-body .scene-block-title span:before,
.pc-scene-body .scene-block-title span:after {
  display: inline-block;
  content: ' ';
  position: absolute;
  border: 0.026667rem solid #015BF8;
  width: 0.106667rem;
  height: 0.106667rem;
  border-radius: 50%;
  top: 0.16rem;
}

.pc-scene-body .scene-block-title span::before {
  left: -0.16rem;
}

.pc-scene-body .scene-block-title span:after {
  right: -0.16rem;
}

.pc-scene-body .scene-block .box {
  width: 16rem;
  margin: 0 auto;
}

.pc-scene-body .scene-block .box img {
  width: 100%;
}

.pc-scene-body .scene-block .box .ant-row {
  z-index: 10;
}

.pc-scene-body .scene-block .aTab_box {
  border: 0.013333rem solid #D9DDE6;
}

.pc-scene-body .scene-block .aTab {
  cursor: pointer;
  text-align: center;
  font-size: 0.213333rem;
  height: 0.746667rem;
  line-height: 0.666667rem;
  color: #04054D;
  background: #F4F8FF;
  border-bottom: 0.013333rem solid #D9DDE6;
}

.pc-scene-body .scene-block .aTab_content {
  padding: 0.466667rem;
  text-align: center;
  background: #FFFFFF;
}

.pc-scene-body .scene-block .aTab_content img {
  height: 100%;
}

.pc-scene-body .scene-block .aTab_current {
  border-top: solid 0.08rem #015BF8;
  background: #FFFFFF;
  border-bottom: 0;
  border-left: 0.013333rem solid #D9DDE6;
  border-right: 0.013333rem solid #D9DDE6;
}

.pc-scene-body .scene-block .aTab_current:first-child {
  border-left: 0;
}

.pc-scene-body .scene-block .aTab_current:last-child {
  border-right: 0;
}

.pc-scene-body .scene-block .bg-circle {
  width: 6.906667rem;
  right: -2.666667rem;
  top: -4.36rem;
  position: absolute;
  z-index: 1;
}

.pc-scene-body .scene-block .bg-circle-2 {
  width: 8.866667rem;
  position: absolute;
  z-index: 1;
  left: -3.466667rem;
  bottom: 0;
}

.pc-scene-body .scene-block .advantage-img {
  text-align: center;
}

.pc-scene-body .scene-block .advantage-img img {
  width: 1.866667rem;
}

.pc-scene-body .scene-block .advantage-title {
  text-align: center;
  font-size: 0.24rem;
  color: #04054D;
  margin-top: 0.133333rem;
  margin-bottom: 0.213333rem;
}

.pc-scene-body .scene-block .advantage-dec {
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-scene-body .product .ant-row {
  width: 16rem;
  margin: 0 auto;
}

.pc-scene-body .product .gutter-row:last-child {
  padding-right: 0;
}

.pc-scene-body .product .gutter-row {
  padding-right: 0.533333rem;
  z-index: 10;
}

.pc-scene-body .product .gutter-row a {
  font-size: 0.213333rem;
  color: rgba(0, 0, 0, 0.65);
}

.pc-scene-body .product .gutter-row a:hover {
  color: rgba(0, 0, 0, 0.65);
}

.pc-scene-body .product .gutter-box {
  border: 0.013333rem solid #D9DDE6;
}

.pc-scene-body .product .gutter-box .box-top {
  height: 1.666667rem;
  line-height: 1.666667rem;
  background: url("") no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  padding-left: 0.293333rem;
  font-size: 0.266667rem;
}

.pc-scene-body .product .gutter-box .box-bottom {
  height: 3.573333rem;
  padding: 0.293333rem 0.266667rem 0 0.266667rem;
}

.pc-scene-body .product .gutter-box .box-bottom p {
  padding-left: 0.133333rem;
  line-height: 0.266667rem;
  font-size: 0.186667rem;
  border-left: 0.053333rem solid #2F86FF;
  margin-bottom: 0.533333rem;
}

.pc-scene-body .business .title {
  font-size: 0.186667rem;
  margin-top: 0.213333rem;
  text-align: center;
}

.pc-scene-body .business .ant-row {
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
  padding-top: 0.666667rem;
  padding-bottom: 0.506667rem;
  margin-bottom: 0.653333rem;
}

.pc-scene-body .business .roundBox {
  width: 0.666667rem;
  height: 0.666667rem;
  line-height: 0.666667rem;
  margin: 0 auto;
  text-align: center;
}

.pc-scene-body .business .roundBox img {
  width: 0.48rem;
  height: 0.48rem;
}

.pc-scene-body .scheme .title {
  font-size: 0.24rem;
  margin-top: 0.266667rem;
  text-align: center;
}

.pc-scene-body .scheme .roundBox {
  width: 1.866667rem;
  height: 1.866667rem;
  line-height: 1.866667rem;
  border-radius: 1.866667rem;
  margin: 0 auto;
  text-align: center;
}

.pc-scene-body .scheme .roundBox img {
  width: 1.866667rem;
  height: 1.866667rem;
}
.pc-solution {
  position: relative;
  min-height: 10.666667rem;
  margin: 0;
  background-color: #fff;
}

.pc-solution-body {
  background-color: #fff;
}

.pc-solution-body .img-out-div {
  width: 80%;
  padding: 0.133333rem 0;
  text-align: center;
  margin: 0 auto;
}

.pc-solution-body i {
  position: absolute;
  top: -1.333333rem;
}

.pc-solution-body .banner {
  min-width: 16rem;
  position: relative;
  overflow: hidden;
  height: 7.2rem;
}

.pc-solution-body .banner .title {
  font-size: 0.64rem;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 2.4rem;
  z-index: 2;
}

.pc-solution-body .banner .dec {
  font-size: 0.213333rem;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 3.466667rem;
  z-index: 2;
}

.pc-solution-body .banner .bg {
  position: absolute;
  right: 0.906667rem;
  top: 0.693333rem;
  width: 3.48rem;
  z-index: 0;
}

.pc-solution-body .banner .img {
  width: 25.6rem;
  margin-left: -12.8rem;
  position: absolute;
  left: 50%;
  text-align: center;
}

@-webkit-keyframes banner_0 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(0.266667rem);
            transform: translateY(0.266667rem);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes banner_0 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(0.266667rem);
            transform: translateY(0.266667rem);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.pc-solution-body .banner .btns {
  margin-top: 0.213333rem;
}

.pc-solution-body .banner .btns .btn-free {
  display: inline-block;
  text-align: center;
  line-height: 0.4rem;
  width: 1.32rem;
  height: 0.4rem;
  background: #ff9f00;
  border-radius: 0.2rem;
  font-size: 0.186667rem;
  color: #FFF;
  margin-right: 0.32rem;
}

.pc-solution-body .banner .btns .btn-try {
  display: inline-block;
  text-align: center;
  line-height: 0.4rem;
  width: 1.32rem;
  height: 0.4rem;
  background: #FFF;
  border-radius: 0.2rem;
  font-size: 0.186667rem;
  color: #1E3EDE;
}

.pc-solution-body .tabs {
  margin-top: -0.8rem;
  text-align: center;
}

.pc-solution-body .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0.266667rem 0.533333rem;
  font-size: 0.186667rem;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-solution-body .tabs .tab:hover {
  color: #2A78FF;
}

.pc-solution-body .banner-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
          box-shadow: 0 0.026667rem 0.08rem 0 rgba(109, 109, 110, 0.29);
  width: 100%;
  z-index: 99;
}

.pc-solution-body .banner-fixed .tabs-fixed {
  height: 0.853333rem;
  width: 16.266667rem;
  margin: 0 auto;
  padding-left: 3.333333rem;
}

.pc-solution-body .banner-fixed .tabs-fixed .tab {
  display: inline-block;
  height: 0.853333rem;
  line-height: 0.853333rem;
  padding: 0 0.4rem;
  font-size: 0.186667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pc-solution-body .banner-fixed .tabs-fixed .tab:hover {
  color: #015bf8;
  border-bottom: 0.026667rem solid  #015BF8;
}

.pc-solution-body .banner-fixed .tabs-fixed .tab-active {
  color: #015BF8;
  border-bottom: 0.026667rem solid  #015BF8;
}

.pc-solution-body .banner-fixed .tabs-fixed a {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.333333rem;
}

.pc-solution-body .banner-fixed .tabs-fixed .btn-try {
  display: inline-block;
  text-align: center;
  line-height: 0.506667rem;
  width: 1.333333rem;
  height: 0.506667rem;
  background: #0161f3;
  border-radius: 0.066667rem;
  color: #FFF;
  float: right;
  margin-top: 0.186667rem;
}

.pc-solution-body .banner-fixed .tabs-fixed .btn-try:hover {
  background-color: #ff9f00;
}

.pc-solution-body .title-type {
  padding: 0.413333rem 0 0.213333rem 0;
  font-size: 0.213333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-solution-body .title-type img {
  width: 0.16rem;
  margin-right: 0.066667rem;
}

.pc-solution-body .solution-block {
  padding: 0.8rem 0;
  position: relative;
}

.pc-solution-body .solution-block i {
  position: absolute;
  top: 0;
}

.pc-solution-body .solution-block-title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0.32rem;
  color: #04054D;
  position: relative;
  margin-bottom: 0.666667rem;
}

.pc-solution-body .solution-block-title span {
  position: relative;
}

.pc-solution-body .solution-block-title span:before,
.pc-solution-body .solution-block-title span:after {
  display: inline-block;
  content: ' ';
  position: absolute;
  border: 0.026667rem solid #015BF8;
  width: 0.106667rem;
  height: 0.106667rem;
  border-radius: 50%;
  top: 0.16rem;
}

.pc-solution-body .solution-block-title span::before {
  left: -0.16rem;
}

.pc-solution-body .solution-block-title span:after {
  right: -0.16rem;
}

.pc-solution-body .solution-block .bg-circle {
  width: 6.906667rem;
  right: 0;
  top: -4.36rem;
  position: absolute;
  z-index: 1;
}

.pc-solution-body .solution-block .bg-circle-2 {
  width: 8.866667rem;
  position: absolute;
  z-index: 1;
  left: -3.466667rem;
  bottom: 0;
}

.pc-solution-body .solution-block .box {
  width: 16rem;
  margin: 0 auto;
}

.pc-solution-body .solution-block .box img {
  width: 100%;
}

.pc-solution-body .solution-block .box-with-bg {
  width: 16rem;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.pc-solution-body .solution-block .box-with-bg img,
.pc-solution-body .solution-block .box-with-bg video {
  width: 16rem;
}

.pc-solution-body .solution-block .box-with-bg img {
  position: absolute;
  top: 0;
  left: 0;
}

.pc-solution-body .solution-block .advantage-img {
  text-align: center;
}

.pc-solution-body .solution-block .advantage-img img {
  width: 1.866667rem;
}

.pc-solution-body .solution-block .advantage-title {
  text-align: center;
  font-size: 0.24rem;
  color: #04054D;
  margin-top: 0.133333rem;
  margin-bottom: 0.213333rem;
}

.pc-solution-body .solution-block .advantage-dec {
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.pc-solution-body .solution-block .recommend-title {
  height: 0.96rem;
  background: rgba(1, 91, 248, 0.1);
  margin: 0.133333rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.48rem;
  color: #015BF8;
  line-height: 0.96rem;
  font-size: 0.213333rem;
  cursor: pointer;
}

.pc-solution-body .solution-block .recommend-title:hover {
  background: #015BF8;
  color: #fff;
}

.pc-solution-body .plan-architecture {
  padding-bottom: 0;
}

.pc-solution-body .plan-architecture .solution-block-title {
  margin: 0;
}

.pc-solution-body .customer-case {
  background: #F7F8FB;
}

.pc-solution-body .customer-case .box {
  width: 16rem;
}
/* 定义多个全局样式 */

.mb-header {
  background: #081545;
  position: fixed !important;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
}

.mb-header *:after,
.mb-header *:before {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.mb-header .my-drawer {
  position: fixed;
  z-index: 9999;
  overflow: auto;
  top: 45PX;
  bottom: 50Px;
  -webkit-overflow-scrolling: touch;
}

.mb-header .my-drawer .am-drawer-sidebar {
  width: 8rem;
}

.mb-header .my-drawer .active .am-list-content a {
  color: #0161f3 !important;
}

.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content,
.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-header {
  background: #081545;
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active {
  background-color: #16224c;
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-list-line,
.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-list-item,
.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-accordion-header {
  background-color: #16224c;
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-list-line a,
.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-list-item a,
.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active .am-accordion-header a {
  font-size: 0.373333rem;
  color: #FFF;
}

.mb-header .my-drawer .am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-active:after {
  display: none !important;
}

.mb-header .my-drawer > .am-drawer-sidebar {
  background-color: #081545;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mb-header .my-drawer > .am-drawer-sidebar > .am-list-item {
  padding-left: 0;
  background: #081545;
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer > .am-drawer-sidebar > .am-list-item > .am-list-line {
  padding-left: 15PX!important;
  border: none;
}

.mb-header .my-drawer > .am-drawer-sidebar > .am-list-item > .am-list-line .am-list-content {
  border: none;
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer > .am-drawer-sidebar > .am-list-item > .am-list-line .am-list-content a {
  color: #FFF;
  font-size: 0.373333rem;
}

.mb-header .my-drawer .am-drawer-sidebar .my-accordion {
  padding: 0;
}

.mb-header .am-list-line {
  padding: 0 !important;
}

.mb-header .am-list-line:after {
  display: none !important;
}

.mb-header .am-list-line .am-list-content {
  padding: 0 !important;
}

.mb-header .am-list-line .am-list-content .am-accordion::before {
  display: none !important;
}

.mb-header .am-list-body:after {
  display: none !important;
}

.mb-header .am-list-item::after {
  display: none !important;
}

.mb-header .my-icon-ellipsis,
.mb-header .am-icon-cross {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10Px 0 10Px 20Px;
  width: 45Px;
  height: 45Px;
  color: #FFF;
}

.mb-header .am-navbar {
  background: #081545;
}

.mb-header.transparent {
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
}

.mb-header.transparent .am-navbar {
  background-color: transparent;
}

.mb-header.transparent .my-icon-ellipsis,
.mb-header.transparent .am-icon-cross {
  color: #FFF;
}

.mb-header .am-navbar-title {
  display: none;
}

.mb-header .register {
  height: 45PX;
  line-height: 45PX;
  font-size: 15PX;
  padding: 0 20PX;
  color: #ffffff;
  background: #015BF8;
}

.mb-header .logo {
  margin-top: 0.133333rem;
}

.mb-header .logo img {
  width: 73PX;
  height: 23PX;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layout-footer.mb-footer .docking-section {
  position: relative;
  font-size: 0;
}

.layout-footer.mb-footer .docking-section > img {
  width: 100%;
}

.layout-footer.mb-footer .docking-section > div {
  position: absolute;
  top: 1.466667rem;
  width: 100%;
  text-align: center;
}

.layout-footer.mb-footer .docking-section .content {
  font-size: 0.56rem;
  padding-bottom: 0.666667rem;
  color: #FFFFFF;
  letter-spacing: 0.003333rem;
}

.layout-footer.mb-footer .docking-section .btn {
  display: inline-block;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: 0.453333rem;
  color: #195BFF;
  letter-spacing: 0.002933rem;
  width: 8.453333rem;
  background-color: #FFF;
  outline-width: 0;
  border: 0;
  border-radius: 0.666667rem;
}

.layout-footer.mb-footer .footer-body {
  background: #04054D;
  padding: 0.4rem;
}

.layout-footer.mb-footer .footer-body .box {
  padding: 0.266667rem 0 0.64rem;
  font-size: 0.346667rem;
  color: rgba(255, 255, 255, 0.8);
}

.layout-footer.mb-footer .footer-body .box .title {
  font-size: 0.4rem;
  color: #FFFFFF;
  letter-spacing: 0.002933rem;
  padding-bottom: 0.32rem;
}

.layout-footer.mb-footer .footer-body .box a {
  display: inline-block;
  font-size: 0.346667rem;
  color: rgba(255, 255, 255, 0.8);
}

.layout-footer.mb-footer .footer-body .box .am-flexbox-dir-column .am-flexbox-item {
  opacity: 0.6;
  font-size: 0.346667rem;
  color: #FFFFFF;
  letter-spacing: 0.002933rem;
  text-align: justify;
  line-height: 0.8rem;
}

.layout-footer.mb-footer .footer-body .phone {
  display: inline-block;
  width: 9.146667rem;
  height: 1.333333rem;
  line-height: 1.333333rem;
  border: 1PX solid rgba(255, 255, 255, 0.6);
  border-radius: 0.666667rem;
  font-size: 0.426667rem;
  color: #FFFFFF;
  letter-spacing: 0.0028rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 0.533333rem;
}

.layout-footer.mb-footer .footer-body .copy-right a {
  color: #FFFFFF;
}

.layout-footer.mb-footer .footer-body .copy-right .am-flexbox-dir-column .am-flexbox-item {
  opacity: 0.4;
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0.0024rem;
  text-align: center;
  line-height: 0.48rem;
}
.mb-fixed-bar {
  position: fixed !important;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
}

.mb-fixed-bar > div {
  display: inline-block;
  float: left;
  height: 50Px;
  line-height: 50Px;
  width: 50%;
  color: #015BF8;
  font-size: 0.4rem;
  text-align: center;
  background-color: #fff;
}

.mb-fixed-bar > div a {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.mb-fixed-bar > div:last-child {
  background-color: #015BF8;
  color: #fff;
}

.mb-fixed-bar > div:last-child a {
  color: #fff;
}
/* 定义多个全局样式 */

.mb-layout {
  height: 100vh;
  padding: 0;
  background: #f9f9f9;
}

.mb-layout > .content {
  padding-bottom: 50PX;
  padding-top: 45PX;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mb-layout > .content-fixed {
  height: 100vh;
  overflow: hidden;
}

.mb-layout > .content-fixed .to-top {
  display: none;
}

.mb-layout a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}

.mb-layout .am-accordion-item-active > .am-accordion-header {
  color: #3A83FF!important;
}

.mb-layout .to-top {
  position: fixed;
  bottom: 2.666667rem;
  right: 0.4rem;
  width: 1.173333rem;
  height: 1.173333rem;
  line-height: 1.173333rem;
  z-index: 999;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.053333rem 0.16rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.053333rem 0.16rem 0 rgba(0, 0, 0, 0.07);
}

.my-top-border {
  position: relative;
  border-top: 1PX solid #ddd;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-top-border {
    position: relative;
    border-top: none;
  }

  html:not([data-scale]) .my-top-border:before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .my-top-border:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}

.my-bottom-border {
  border-bottom: 1PX solid #ddd;
  position: relative;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-bottom-border {
    border-bottom: none;
    position: relative;
  }

  html:not([data-scale]) .my-bottom-border:after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    bottom: 0;
    right: auto;
    top: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .my-top-border:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}

.my-full-border {
  position: relative;
  border: 1PX solid #ddd;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-full-border {
    position: relative;
    border: none;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-full-border:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #ddd;
    border-radius: 0.133333rem;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
  }
}

.my-left-border {
  position: relative;
  border-left: 1PX solid #ddd;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-left-border {
    position: relative;
    border-left: none;
  }

  html:not([data-scale]) .my-left-border:before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 1PX;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .my-left-border {
    -webkit-transform: scaleX(0.33);
    transform: scaleX(0.33);
  }
}

.my-right-border {
  position: relative;
  border-right: 1PX solid #ddd;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .my-right-border {
    position: relative;
    border-right: none;
  }

  html:not([data-scale]) .my-right-border:before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
    width: 1PX;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .my-right-border:before {
    -webkit-transform: scaleX(0.33);
    transform: scaleX(0.33);
  }
}
.mb-about {
  position: relative;
  margin-bottom: 0.96rem;
}

.mb-about div {
  text-align: center;
}

.mb-about div .sec-about-title-bottom {
  display: inline-block;
  width: 1.866667rem;
  border-bottom: 0.026667rem solid #1C4CE6;
}

.mb-about .sec-about-contents {
  margin: 0.48rem 0.4rem 0;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.106667rem;
  text-indent: 2em;
  padding: 0.48rem 0.64rem;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-about .sec-about-contents .img {
  text-align: center;
  padding: 0.533333rem 0;
  text-indent: 0;
}

.mb-about .sec-about-contents .img img {
  width: 6.4rem;
}

.mb-about .sec-about-contents p {
  padding-bottom: 0.48rem;
}

.mb-about .sec-about-contents p:last-of-type {
  padding-bottom: 0;
}

.mb-about .sec-about-four-prod-left {
  text-align: center;
  padding-top: 1.066667rem;
  position: relative;
}

.mb-about .sec-about-contents-title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0.48rem;
  color: #04054D;
  position: relative;
  margin-top: 0.986667rem;
  margin-bottom: 0.666667rem;
}

.mb-about .sec-about-contents-title span {
  position: relative;
  display: inline-block;
  height: 0.533333rem;
  line-height: 0.533333rem;
}

.mb-about .sec-about-contents-title span:before,
.mb-about .sec-about-contents-title span:after {
  vertical-align: middle;
  display: block;
  content: ' ';
  position: absolute;
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  top: 50%;
  margin-top: -0.12rem;
}

.mb-about .sec-about-contents-title span::before {
  left: -0.32rem;
}

.mb-about .sec-about-contents-title span:after {
  right: -0.32rem;
}

.mb-about .sec-about-tab {
  position: relative;
  height: 0.8rem;
  margin: -0.786667rem auto 0;
}

.mb-about .sec-about-tab .sec-about-tab—title {
  font-size: 0.186667rem;
  color: #293E63;
  width: 6.666667rem;
  height: 0.8rem;
  float: right;
  background: #FFFFFF;
  border: 0.013333rem solid #FFFFFF;
  border-radius: 0.026667rem 0.026667rem 0 0;
}

.mb-about .sec-about-tab .sec-about-tab—title > div {
  text-align: center;
  width: 50%;
  display: inline-block;
}

.mb-about .sec-about-tab .sec-about-tab—title > div > a {
  line-height: 0.8rem;
  height: 0.8rem;
  color: #293E63;
  display: inline-block;
  cursor: pointer;
}

.mb-about .sec-about-tab .sec-about-tab—title > div .sec-about-tab—selected {
  color: #1C4CE6;
  border-bottom: 0.026667rem solid #1C4CE6;
}

.mb-about .sec-about-banner {
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.mb-about .sec-about-banner .about-banner-img {
  width: 100%;
}

.mb-about .banner {
  background: #04054d;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-right {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.mb-about .sec-about-person-list {
  margin-top: 0.586667rem;
  color: #04054D;
}

.mb-about .sec-about-person-list .box {
  margin: 0.4rem 0.4rem 0;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.106667rem;
}

.mb-about .sec-about-person-list .sec-about-person-avatar {
  vertical-align: top;
  width: 40%;
  padding: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.mb-about .sec-about-person-list .sec-about-person-avatar .avatar-selected {
  border: 0.053333rem solid #015BF8;
  border-radius: 50%;
  width: 2.666667rem;
  height: 2.666667rem;
}

.mb-about .sec-about-person-list .sec-about-person-avatar img {
  font-size: 0;
  width: 2.4rem;
  height: 2.4rem;
}

.mb-about .sec-about-person-list .sec-about-person-avatar .avatar-name {
  margin-top: 0.32rem;
  font-size: 0.426667rem;
  color: #015BF8;
}

.mb-about .sec-about-person-list .sec-about-person-avatar .avatar-title {
  margin-top: 0.106667rem;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
}

.mb-about .sec-about-person-list .avatar-dec {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
  width: 60%;
  padding: 0.4rem 0.4rem 0.4rem 0.8rem;
  display: inline-block;
}

.mb-about .sec-about-person-list .avatar-dec li {
  list-style-type: none;
  position: relative;
}

.mb-about .sec-about-person-list .avatar-dec li:before {
  content: "";
  width: 0.213333rem;
  height: 0.08rem;
  border-radius: 0.04rem;
  color: #015BF8;
  display: block;
  background-color: #015BF8;
  position: absolute;
  top: 0.213333rem;
  left: -0.373333rem;
  margin: auto;
}

.mb-about .sec-about-banner-1 {
  font-size: 0;
}

.mb-about .sec-about-banner-1 img {
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
}

.mb-container {
  position: relative;
}

.mb-container .swiper-container {
  font-size: 0;
}

.mb-container .swiperBanner .swiper-pagination-bullet {
  margin: 0 0.186667rem;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 100%;
  border: 0.026667rem solid #FFFFFF;
  content: ' ';
}

.mb-container .swiperBanner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
}

.mb-container .case-section {
  position: relative;
  height: 10rem;
  padding-bottom: 0;
}

.mb-container .case-section > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.mb-container .case-section > div {
  position: relative;
  z-index: 1;
}

.mb-container .case-section .section-title {
  color: #FFF;
}

.mb-container .case-section .section-title .section-subtitle {
  color: #c9d0e5;
}

.mb-container .case-section .overflow-div-sty {
  position: relative;
}

.mb-container .case-section .section-area {
  width: 0.76rem;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 0.373333rem;
  color: #c9d0e5;
  letter-spacing: 0.0024rem;
  padding-bottom: 0.32rem;
  margin-right: 0.626667rem;
}

.mb-container .case-section .section-area:last-of-type {
  margin-right: 0;
}

.mb-container .case-section .content-area {
  padding: 0.64rem 0.4rem 0.64rem;
  background: rgba(1, 91, 248, 0.4);
  border: 0.013333rem solid #015BF8;
  border-radius: 0.106667rem;
  color: #FFF;
}

.mb-container .case-section .content-area .title {
  font-size: 0.426667rem;
  color: #FFF;
}

.mb-container .case-section .content-area .dec {
  padding-top: 0.32rem;
  font-size: 0.346667rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: justify;
  line-height: 0.56rem;
}

.mb-container .case-section .section-area:hover,
.mb-container .case-section .section-area.active {
  color: #FFF;
  border-bottom: 0.053333rem solid #FFF;
}

.mb-container .customer .swiper-slide {
  text-align: center;
}

.mb-container .banner .swiper-slide {
  text-align: center;
}

.mb-container .banner .swiper-slide .carousel-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.mb-container .banner .blue-slide {
  background: #4390EE;
  color: #fff;
}

.mb-container .banner .red-slide {
  background: #CA4040;
  color: #fff;
}

.mb-container .banner .orange-slide {
  background: #FF8604;
  color: #fff;
}

.mb-container .banner .swiper-slide img {
  width: 100%;
  height: 100%;
}

.mb-container section {
  padding: 0 0.4rem 0.96rem;
}

.mb-container section .section-title {
  text-align: center;
  padding: 0.96rem 0 0.48rem;
  font-size: 0.533333rem;
  font-weight: 400;
  color: #000000;
}

.mb-container .grid-filed {
  height: 1.946667rem;
}

.mb-container .grid-filed .am-flexbox {
  height: 100%;
  padding: 0.266667rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mb-container .grid-filed .am-grid-item-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mb-container .label-section {
  height: 1.68rem;
  padding-top: 0.76rem;
  margin-top: 0 !important;
}

.mb-container .label-section > div {
  display: inline-block;
  float: left;
  width: 33%;
  height: 1.066667rem;
  text-align: center;
}

.mb-container .label-section > div:last-child:before,
.mb-container .label-section > div:last-child:after {
  display: none;
}

.mb-container .label-section > div > div:first-child {
  font-size: 0.48rem;
  color: #3A83FF;
  font-weight: 600;
  margin-bottom: 0.133333rem;
}

.mb-container .label-section > div > div:last-child {
  font-size: 0.373333rem;
  color: rgba(0, 0, 0, 0.87);
}

.mb-container .label-section > div:last-child {
  border-right: none;
}

.mb-container .project-section {
  background: #f5f6fa;
}

.mb-container .accordion {
  position: relative;
}

.mb-container .accordion > .am-accordion-item {
  -webkit-box-shadow: 0 0.013333rem 0.026667rem 0 rgba(41, 62, 99, 0.06);
          box-shadow: 0 0.013333rem 0.026667rem 0 rgba(41, 62, 99, 0.06);
  margin-bottom: 0.266667rem;
}

.mb-container .accordion > .am-accordion-item > .am-accordion-header {
  height: 1.493333rem;
  line-height: 1.493333rem;
}

.mb-container .accordion > .am-accordion-item > .am-accordion-header > .arrow {
  top: 0.56rem;
}

.mb-container .accordion > .am-accordion-item .am-list-body .am-list-line {
  border: 0;
}

.mb-container .accordion > .am-accordion-item .am-list-body .am-list-line:after,
.mb-container .accordion > .am-accordion-item .am-list-body .am-list-line:before {
  display: none;
}

.mb-container .accordion > .am-accordion-item .am-list-body .am-list-content {
  font-size: 0.4rem;
  padding-left: 1.2rem;
  color: rgba(4, 5, 77, 0.8);
}

.mb-container .accordion > .am-accordion-item .am-list-body .am-list-content a {
  color: rgba(4, 5, 77, 0.8);
}

.mb-container .accordion .panel-title {
  font-size: 0.426667rem;
  color: #04054D;
  letter-spacing: 0.002533rem;
}

.mb-container .accordion .panel-title > span:last-child {
  margin-left: 0.426667rem;
}

.mb-container .accordion .panel-title img {
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
}

.mb-container .mobile-container .accordion .am-accordion-header {
  color: rgba(0, 0, 0, 0.87) !important;
  font-size: 0.426667rem !important;
  height: 65PX !important;
  line-height: 65PX !important;
}

.mb-container .mobile-container .am-list-item {
  padding-left: 0 !important;
}

.mb-container .mobile-container .am-accordion .am-accordion-item .am-accordion-header i {
  top: 25PX !important;
}

.mb-container .mobile-container .accordion .am-list-item .am-list-line .am-list-content {
  color: rgba(0, 0, 0, 0.87) !important;
  font-size: 0.426667rem !important;
}

.mb-container .mobile-container .accordion .am-list-item .am-list-line {
  border: none !important;
}

.mb-container .mobile-container .accordion .am-list-line:after,
.mb-container .mobile-container .accordion .am-list-body:after {
  height: 0 !important;
}

.mb-container .mobile-container html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after {
  height: 0 !important;
}

.mb-container .mobile-container .accordion .list-item {
  padding: 0.426667rem 0 0.426667rem 1.333333rem;
  background-color: #f9f9f9;
}

.mb-container .mobile-container .accordion .am-list-body,
.mb-container .mobile-container .accordion .am-list-item {
  background-color: #f9f9f9;
}

.mb-container .customer-section {
  position: relative;
}

.mb-container .customer-section img {
  width: 100%;
}

.mb-container .customer-section .swiper-slide {
  margin-bottom: 1.066667rem;
  overflow: hidden;
  border: none !important;
}

.mb-container .customer-section .swiper-pagination-bullet {
  margin: 0 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  background: #015BF8;
}

.mb-container .experience-section {
  height: 6.2rem;
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  /* Firefox 3.6 - 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(#2F86FF), to(#7A6AF8));
  background: linear-gradient(#2F86FF, #7A6AF8);
  /* 标准的语法 */
  background-color: #7A6AF8;
  padding-top: 78PX;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mb-container .experience-section > div {
  text-align: center;
  height: 1.88rem;
  font-size: 0.613333rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.026667rem;
}

.mb-container .experience-section > div > div {
  height: 50%;
}

.mb-container .experience-section > div > div:first-child {
  margin-bottom: 0.133333rem;
}

.mb-container .experience-section .btn-area {
  padding: 0 0.4rem;
  margin-top: 1.2rem;
}

.mb-container .experience-section .btn-area a {
  font-size: 0.48rem;
  color: #3A83FF;
}

.mb-container .sprites {
  background-image: url('https://portal-static.tongdun.cn/static-public/anti_fraud_web/common/1.5.3/assets/image/mobile/sprites.png');
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 3.013333rem 2.453333rem;
  position: relative;
  top: 4PX;
}

.mb-container .sprite-all {
  width: 0.613333rem;
  height: 0.48rem;
  background-position: -0.066667rem -0.066667rem;
}

.mb-container .sprite-ask {
  width: 0.8rem;
  height: 0.8rem;
  background-position: -0.813333rem -0.066667rem;
}

.mb-container .sprite-call {
  width: 0.8rem;
  height: 0.8rem;
  background-position: -0.066667rem -1rem;
}

.mb-container .sprite-cg1 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -1.746667rem -0.066667rem;
}

.mb-container .sprite-cg2 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -1.746667rem -0.68rem;
}

.mb-container .sprite-cg3 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -1rem -1.293333rem;
}

.mb-container .sprite-cg4 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -1.666667rem -1.293333rem;
}

.mb-container .sprite-close {
  width: 0.4rem;
  height: 0.4rem;
  background-position: -1rem -1.906667rem;
}

.mb-container .sprite-down {
  width: 0.306667rem;
  height: 0.186667rem;
  background-position: -0.066667rem -0.68rem;
}

.mb-container .sprite-g1 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -1.533333rem -1.92rem;
}

.mb-container .sprite-g2 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -2.413333rem -0.066667rem;
}

.mb-container .sprite-g3 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -2.413333rem -0.68rem;
}

.mb-container .sprite-g4 {
  width: 0.533333rem;
  height: 0.48rem;
  background-position: -2.333333rem -1.293333rem;
}

.mb-container .sprite-up {
  width: 0.306667rem;
  height: 0.186667rem;
  background-position: -2.2rem -1.906667rem;
}
.mb-online-experience {
  position: relative;
}

.mb-online-experience .content .banner {
  position: relative;
  background: #FFF;
  -webkit-box-shadow: 0 0 0.173333rem 0 rgba(24, 43, 74, 0.16);
          box-shadow: 0 0 0.173333rem 0 rgba(24, 43, 74, 0.16);
  color: #FFF;
  font-size: 0;
}

.mb-online-experience .content .banner .title {
  position: absolute;
  top: 0.96rem;
  left: 0.64rem;
  font-size: 0.48rem;
  color: #FFF;
}

.mb-online-experience .content .banner .dec {
  position: absolute;
  top: 1.84rem;
  left: 0.64rem;
  width: 4.8rem;
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.533333rem;
  opacity: 0.6;
}

.mb-online-experience .content .banner .img {
  width: 100%;
}

.mb-online-experience .content .banner .btns {
  position: absolute;
  width: 100%;
  padding-top: 0.266667rem;
}

.mb-online-experience .content .banner .btns .btn-free {
  display: inline-block;
  text-align: center;
  line-height: 0.48rem;
  width: 1.493333rem;
  height: 0.48rem;
  background: #015BF8;
  border-radius: 0.24rem;
  font-size: 0.186667rem;
  letter-spacing: 0.0016rem;
  color: #FFF;
}

.mb-online-experience .content .banner .tabs {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.773333rem;
  background: rgba(0, 0, 0, 0.54);
}

.mb-online-experience .content .banner .tabs .tab {
  display: inline-block;
  height: 0.773333rem;
  line-height: 0.773333rem;
  padding: 0 0.6rem;
  font-size: 0.24rem;
  color: #FFF;
}

.mb-online-experience .content .title-type-1 {
  position: relative;
  width: 100%;
  height: 0.466667rem;
  line-height: 0.466667rem;
  text-align: center;
  padding: 0.533333rem 0;
  font-size: 0.48rem;
  letter-spacing: 0.013333rem;
  font-weight: 400;
}

.mb-online-experience .content .industry-comparion {
  background-color: #fff;
  padding: 0 0.4rem 0.8rem;
  margin-top: 0.2rem;
}

.mb-online-experience .content .industry-comparion .example {
  margin-bottom: 0.266667rem;
}

.mb-online-experience .content .industry-comparion .example .barrage {
  height: 0.666667rem;
  line-height: 0.666667rem;
}

.mb-online-experience .content .industry-comparion .example .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mb-online-experience .content .industry-comparion .example .flex .box {
  border: 1PX solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  height: 4.533333rem;
  position: relative;
}

.mb-online-experience .content .industry-comparion .example .flex .box:nth-child(2n) {
  margin-left: 0.066667rem;
}

.mb-online-experience .content .industry-comparion .example .flex .box:nth-child(2n+1) {
  margin-right: 0.066667rem;
}

.mb-online-experience .content .industry-comparion .example .flex .box.error-0 {
  border-color: #F03642;
}

.mb-online-experience .content .industry-comparion .example .flex .box.success-0 {
  border-color: #015BF8;
}

.mb-online-experience .content .industry-comparion .example .flex .box .img {
  position: relative;
  text-align: center;
  height: 2.666667rem;
}

.mb-online-experience .content .industry-comparion .example .flex .box .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mb-online-experience .content .industry-comparion .example .flex .box .result {
  top: 2.666667rem;
  position: absolute;
  z-index: 1;
  margin-top: -0.28rem;
  left: 50%;
  margin-left: -0.733333rem;
  color: #FFF;
  font-size: 0.4rem;
  line-height: 0.56rem;
  width: 1.453333rem;
  height: 0.56rem;
  border-radius: 0.36rem;
}

.mb-online-experience .content .industry-comparion .example .flex .box .result.error-0 {
  background-color: #F03642;
}

.mb-online-experience .content .industry-comparion .example .flex .box .result.success-0 {
  background-color: #015BF8;
}

.mb-online-experience .content .industry-comparion .example .flex .box .title {
  font-size: 0.373333rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  margin-top: 1.066667rem;
}

.mb-online-experience .content .industry-comparion .example .flex .box .label {
  padding: 0.4rem 0.266667rem;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.mb-online-experience .content .industry-comparion-1 {
  background-color: #fff;
  padding: 0 0.4rem 0.8rem;
  margin-top: 0.2rem;
}

.mb-online-experience .content .industry-comparion-1 .subTitle {
  text-align: center;
  padding: 0 1.333333rem;
  margin-bottom: 0.533333rem;
}

.mb-online-experience .content .industry-comparion-1 .flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mb-online-experience .content .industry-comparion-1 .flex .barrage {
  position: absolute;
  display: block;
  width: 2.666667rem;
  padding: 0.066667rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 0.066667rem;
  top: 10%;
  left: 100%;
}

.mb-online-experience .content .industry-comparion-1 .flex button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.08rem;
  height: 0.506667rem;
  line-height: 0.506667rem;
  padding: 0;
  background: #1e3ede;
  border: 0;
  border-radius: 0.066667rem;
  outline-width: 0;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
}

.mb-online-experience .content .industry-comparion-1 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  overflow: hidden;
  margin: 0 0.066667rem 0.266667rem 0.066667rem;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .img {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #F9F9F9;
  height: 2.4rem;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .img:after {
  position: absolute;
  display: inline-block;
  content: "\6837\672C";
  color: #FFF;
  font-size: 0.373333rem;
  background-color: #F03642;
  padding: 0.026667rem;
  right: 0;
  top: 0;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .img img {
  width: 100%;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .result {
  background-color: #F9F9F9;
  position: relative;
  text-align: left;
  font-size: 0.32rem;
  padding: 0.133333rem 0 0.133333rem 0.4rem;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .result.error-1:before {
  position: absolute;
  top: 0.213333rem;
  left: 0.133333rem;
  display: inline-block;
  content: " ";
  background-color: #F03642;
  padding: 0.08rem;
  border-radius: 50%;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .result.success-1:before {
  position: absolute;
  top: 0.213333rem;
  left: 0.133333rem;
  display: inline-block;
  content: " ";
  background-color: #015BF8;
  padding: 0.08rem;
  border-radius: 50%;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .result.warning-1:before {
  position: absolute;
  top: 0.213333rem;
  left: 0.133333rem;
  display: inline-block;
  content: " ";
  background-color: #F5A623;
  padding: 0.08rem;
  border-radius: 50%;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .title {
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.266667rem;
  margin-top: 0.133333rem;
}

.mb-online-experience .content .industry-comparion-1 .flex .box .label {
  padding: 0.4rem 0.266667rem;
  font-size: 0.213333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.mb-online-experience .content .experience {
  margin-top: 0.2rem;
  padding-bottom: 1.066667rem;
  background-color: #fff;
}

.mb-online-experience .content .experience .textarea {
  position: relative;
  background-color: #fff;
}

.mb-online-experience .content .experience .textarea .result {
  text-align: left;
  padding: 0.266667rem 0.266667rem 0.533333rem;
  line-height: 0.533333rem;
  font-size: 0.426667rem;
}

.mb-online-experience .content .experience .textarea .count {
  position: absolute;
  right: 0.4rem;
  top: 3.066667rem;
  color: rgba(0, 0, 0, 0.5);
}

.mb-online-experience .content .experience .textarea textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0.266667rem;
  height: 3.733333rem;
  overflow: auto;
  resize: none;
  border: none;
  outline: none;
  background-color: #f9f9f9;
}

.mb-online-experience .content .experience .textarea textarea::-webkit-input-placeholder {
  color: #ddd;
  font-size: 0.426667rem;
}

.mb-online-experience .content .experience .textarea .btns {
  position: relative;
  width: 100%;
  text-align: center;
  bottom: 0.066667rem;
  padding: 0 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: 0.186667rem;
}

.mb-online-experience .content .experience .textarea .btns .am-button {
  margin-top: 0.773333rem;
}

.mb-online-experience .content .experience .tip {
  font-size: 0.16rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.333333rem;
  margin-top: 0.506667rem;
  margin-bottom: 0.666667rem;
  text-align: center;
}

.mb-online-experience .content .experience .tip .contact {
  color: #1E3EDE;
}

.mb-online-experience .content .experience-1 {
  margin-top: 0.2rem;
  padding: 0.4rem 0.4rem 1.066667rem 0.4rem;
  background-color: #fff;
}

.mb-online-experience .content .experience-1 .dec {
  text-align: center;
  height: 0.493333rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #525151;
  line-height: 0.493333rem;
  letter-spacing: 0.04rem;
}

.mb-online-experience .content .experience-1 .header {
  height: 0.48rem;
  margin-bottom: 0.533333rem;
  position: relative;
}

.mb-online-experience .content .experience-1 .header::before {
  display: inline-block;
  content: '*\672C\5730\56FE\7247\652F\6301jpeg,jpg,bmp,png\683C\5F0F,\652F\6301\4E00\6B21\9274\522B  10\5F20\56FE\7247';
  font-size: 0.32rem;
  position: absolute;
  color: #999b99;
  bottom: -0.373333rem;
}

.mb-online-experience .content .experience-1 .header .btn-type-0 {
  position: absolute;
  font-size: 0.186667rem;
  right: 1.733333rem;
  width: 1.6rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border: 0.013333rem solid #015BF8;
  outline-width: 0;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
  color: #015BF8;
}

.mb-online-experience .content .experience-1 .header .btn-type-0:hover {
  background: #015BF8;
  color: #FFF;
}

.mb-online-experience .content .experience-1 .header .btn-type-1 {
  vertical-align: middle;
  width: 1.6rem;
  font-size: 0.186667rem;
  height: 0.48rem;
  background-color: #015BF8;
  border: 0;
}

.mb-online-experience .content .experience-1 .header .upload {
  display: inline-block;
  position: absolute;
  font-size: 0.186667rem;
  width: 1.6rem;
  right: 0;
  border: 0;
  border-radius: 0;
}

.mb-online-experience .content .experience-1 .header .upload label {
  display: inline-block;
  cursor: pointer;
  height: 0.48rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.48rem;
  text-align: center;
  width: 100%;
  font-size: 0.186667rem;
  border-radius: 0;
  border: 0.013333rem solid #015BF8;
  outline-width: 0;
  padding: 0;
  font-weight: 400;
  color: #015BF8;
}

.mb-online-experience .content .experience-1 .header .upload label:hover {
  background: #015BF8;
  color: #FFF;
}

.mb-online-experience .content .experience-1 .header .upload input {
  display: none;
}

.mb-online-experience .content .experience-1 .textarea {
  margin-top: 0.266667rem;
  background: #FFF;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mb-online-experience .content .experience-1 .textarea:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.mb-online-experience .content .experience-1 .textarea.hide {
  height: 0;
  overflow: hidden;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs {
  height: 100%;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img {
  display: block;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  height: 3.2rem;
  padding: 4Px;
  font-size: 0;
  background-color: #fff;
  overflow: hidden;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .result-1 {
  text-align: center;
  border-radius: 4Px;
  width: 100%;
  font-size: 0.213333rem;
  margin-top: 0.133333rem;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .result-1 div {
  min-height: 0.333333rem;
  line-height: 0.333333rem;
  font-size: 0.32rem;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .result-1 div p {
  padding: 0.053333rem 0;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .success-1 {
  background-color: rgba(46, 123, 253, 0.1);
  color: #2e7bfd;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .error-1 {
  background-color: rgba(240, 54, 66, 0.08);
  color: #f03642;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .warning-1 {
  background-color: rgba(0, 204, 255, 0.09);
  color: #00ccff;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .upload {
  display: inline-block;
  font-size: 0.186667rem;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .upload #uploadForm label {
  display: inline-block;
  position: relative;
  height: 2rem;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 4Px;
  border: 1Px solid #EEE;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .upload #uploadForm label:before {
  position: absolute;
  display: inline-block;
  content: " ";
  height: 1PX;
  background-color: #EEE;
  width: 60%;
  top: 50%;
  left: 20%;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .upload #uploadForm label:after {
  position: absolute;
  display: inline-block;
  content: " ";
  width: 1PX;
  background-color: #EEE;
  height: 60%;
  top: 20%;
  left: 50%;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .upload #uploadForm input {
  display: none;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .img {
  position: relative;
  background-color: #f4f4f4;
  height: 2rem;
  border-radius: 4Px;
  overflow: hidden;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-size: 0;
}

.mb-online-experience .content .experience-1 .textarea .upload-imgs .upload-img .img .cancel {
  width: 20Px;
  height: 20Px;
  position: absolute;
  display: inline-block;
  right: 0.08rem;
  top: 0.08rem;
  margin-right: 0;
  z-index: 99;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.4' fill='%23404040' cx='8' cy='8' r='8'/%3E%3Cpath d='M11.898 4.101a.345.345 0 0 0-.488 0L8 7.511l-3.411-3.41a.345.345 0 0 0-.488.488l3.411 3.41-3.41 3.412a.345.345 0 0 0 .488.488L8 8.487l3.411 3.411a.345.345 0 0 0 .488-.488L8.488 8l3.41-3.412a.344.344 0 0 0 0-.487z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: 20Px auto;
}

.mb-online-experience .content .experience-1 .submit {
  padding: 0.133333rem 0;
  text-align: center;
}

.mb-online-experience .content .experience-1 .submit label {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.mb-online-experience .content .experience-1 .submit .am-button {
  margin-top: 0.773333rem;
}

.mb-online-experience .content .experience-1 .tip {
  font-size: 0.16rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.333333rem;
  margin-top: 0.506667rem;
  margin-bottom: 0.666667rem;
  text-align: center;
}

.mb-online-experience .content .experience-1 .tip .contact {
  color: #1E3EDE;
}

.mb-online-experience .btn-type-0 {
  height: 1.253333rem;
  border-radius: 0.626667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.253333rem;
  color: #2e7bfd;
  font-size: 0.48rem;
  overflow: unset !important;
  color: #015BF8;
  border-color: #015BF8 !important;
}

.mb-online-experience .btn-type-0:before {
  border-color: #015BF8 !important;
  border-radius: 2.666667rem !important;
}

.mb-online-experience .btn-type-1 {
  height: 1.253333rem;
  line-height: 1.253333rem;
  border-radius: 0.626667rem;
  background: #015BF8;
  font-size: 0.48rem;
  color: #ffffff;
}

.mb-online-experience .disabled {
  font-size: 0.48rem;
  height: 1.253333rem;
  line-height: 1.253333rem;
  overflow: unset;
}

.mb-online-experience .checking-0:before {
  position: absolute;
  -webkit-animation: mymove 2s ease;
          animation: mymove 2s ease;
  display: block;
  content: ' ';
  width: 100%;
  height: 10%;
  bottom: 100%;
  z-index: 3;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 211, 255, 0.22)), to(rgba(5, 216, 220, 0.33)));
  background: linear-gradient(180deg, rgba(151, 211, 255, 0.22) 0%, rgba(5, 216, 220, 0.33) 100%);
}

.mb-online-experience .checking-1:before {
  position: absolute;
  -webkit-animation: mymove 2s ease infinite;
          animation: mymove 2s ease infinite;
  display: block;
  z-index: 3;
  content: ' ';
  width: 100%;
  height: 10%;
  bottom: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 211, 255, 0.22)), to(rgba(5, 216, 220, 0.33)));
  background: linear-gradient(180deg, rgba(151, 211, 255, 0.22) 0%, rgba(5, 216, 220, 0.33) 100%);
}

@-webkit-keyframes mymove {
  from {
    bottom: 100%;
  }

  to {
    bottom: 0;
  }
}

@keyframes mymove {
  from {
    bottom: 100%;
  }

  to {
    bottom: 0;
  }
}

.mb-online-experience .captcha-desc {
  width: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.68);
  font-weight: 500;
  margin: 0.52rem 0 0.266667rem 0;
}

.mb-online-experience .captcha {
  padding-bottom: 1.333333rem;
}

.mb-online-experience .captcha .am-tabs .am-tabs-default-bar-tab-active {
  color: #015BF8 !important;
}

.mb-online-experience .captcha .am-tabs .am-tabs-default-bar-underline {
  border-color: #015BF8 !important;
}

.mb-online-experience .captcha-content {
  height: 100%;
  position: relative;
}

.mb-online-experience .captcha-content .captcha-header {
  padding: 0.8rem 0.4rem;
  background-color: #fff;
}

.mb-online-experience .captcha-content .captcha-header .am-segment {
  overflow: unset;
}

.mb-online-experience .captcha-content .captcha-header .am-segment .am-segment-item-selected {
  background-color: #015BF8;
}

.mb-online-experience .captcha-content .captcha-header .am-segment .am-segment-item {
  border-color: #015BF8;
  color: #015BF8;
}

.mb-online-experience .captcha-content .am-input-label {
  color: #000 !important;
}

.mb-online-experience .captcha-content .am-list-item .am-list-line .am-list-content {
  width: 2.4rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.mb-online-experience .captcha-content .am-list-item .am-list-line .am-list-extra {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.mb-online-experience .captcha-content .bind-mode,
.mb-online-experience .captcha-content .trigger-mode {
  height: 0.466667rem;
  line-height: 0.466667rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.213333rem;
  cursor: pointer;
  font-weight: normal;
  background: #f3f8ff;
  border-bottom: 0.013333rem solid #0161f3;
}

.mb-online-experience .captcha-content .bind-mode.active {
  border-right: 0.013333rem solid #0161f3;
  border-bottom: 0 solid transparent;
}

.mb-online-experience .captcha-content .trigger-mode.active {
  border-left: 0.013333rem solid #0161f3;
  border-bottom: 0 solid transparent;
}

.mb-online-experience .captcha-content .captcha-inner #loginBtn {
  margin: 0.8rem 0.4rem;
  height: 1.253333rem;
  line-height: 1.253333rem;
  background: #015BF8;
  color: #FFF;
  border-radius: 0.626667rem;
}

.mb-online-experience .captcha-content .captcha-inner #loginBtn:before,
.mb-online-experience .captcha-content .captcha-inner #loginBtn:after {
  display: none;
}

.mb-online-experience .captcha-content .captcha-inner .captcha-form {
  background-color: #fff;
}

.mb-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line {
  margin-top: 0.466667rem;
  padding-left: 0.56rem;
}

.mb-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line input {
  width: 3.066667rem;
  height: 0.466667rem;
  line-height: 0.466667rem;
  padding: 0 0.306667rem;
  margin-left: 0.466667rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.35);
  border-radius: 0.026667rem;
  border: 0.013333rem solid rgba(151, 151, 151, 0.51);
}

.mb-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line #captcha {
  display: inline-block;
  margin-left: 0.466667rem;
  vertical-align: middle;
}

.mb-online-experience .captcha-content .captcha-inner .captcha-form .captcha-form-line .captcha-form-title {
  display: inline-block;
  width: 1.333333rem;
  text-align: right;
  font-size: 0.186667rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.mb-online-experience .captcha-content .active {
  color: #2f54ea;
  font-weight: 500;
  background: transparent;
}
.mb-product {
  position: relative;
  background-color: #fff;
  padding-bottom: 0.4rem;
}

.mb-product .right-content {
  background-color: #fff;
}

.mb-product .right-content .img-out-div {
  width: 80%;
  padding: 0.133333rem 0;
  text-align: center;
  margin: 0 auto;
}

.mb-product .right-content i {
  position: absolute;
  top: -1.333333rem;
}

.mb-product .right-content .banner {
  position: relative;
  min-height: 4rem;
  background: #F4F8FF;
  padding: 0.666667rem 0.4rem 0.453333rem;
  text-align: center;
}

.mb-product .right-content .banner .img {
  width: 6.4rem;
  padding-bottom: 0.44rem;
}

.mb-product .right-content .banner .title {
  text-align: center;
  font-size: 0.48rem;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  padding-bottom: 0.533333rem;
}

.mb-product .right-content .banner .dec {
  margin-top: 0.106667rem;
  opacity: 0.6;
  font-size: 0.32rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-product .right-content .title-type {
  text-align: center;
  margin: 0.826667rem 0 0.426667rem 0;
  font-size: 0.48rem;
  color: #04054D;
  letter-spacing: 0;
  position: relative;
}

.mb-product .right-content .title-type:before {
  display: block;
  content: ' ';
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  left: 50%;
  margin-left: -1.266667rem;
  top: 0.186667rem;
}

.mb-product .right-content .title-type:after {
  display: block;
  content: ' ';
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  left: 50%;
  margin-left: 1.12rem;
  top: 0.186667rem;
}

.mb-product .right-content .product-show {
  padding: 0.4rem;
}

.mb-product .right-content .product-show .box img {
  width: 100%;
}

.mb-product .right-content .product-info .desc {
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
  padding: 0.32rem;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.48rem;
}

.mb-product .right-content .product-info .desc p {
  margin-top: 0.213333rem;
}

.mb-product .right-content .product-info .desc p:first-child {
  margin-top: 0;
}

.mb-product .right-content .product-intro {
  padding: 0.4rem;
  position: relative;
}

.mb-product .right-content .product-intro .box {
  position: relative;
  margin-bottom: 0.32rem;
  text-align: center;
  padding: 0.4rem 0.4rem 0.4rem 1.946667rem;
  border-radius: 0.053333rem;
}

.mb-product .right-content .product-intro .box .icon {
  width: 1.066667rem;
  position: absolute;
  left: 0.426667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mb-product .right-content .product-intro .box .title {
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
}

.mb-product .right-content .product-intro .box .label {
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.426667rem;
  margin-top: 0.106667rem;
}

.mb-product .right-content .product-intro-1 {
  padding: 0.4rem;
  position: relative;
}

.mb-product .right-content .product-intro-1 .flex .label {
  text-align: center;
  font-size: 0.2rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.68);
  line-height: 0.466667rem;
}

.mb-product .right-content .product-intro-1 .flex .content {
  margin-top: 0.266667rem;
  background-color: #f3f8ff;
  padding: 0.133333rem;
  color: rgba(0, 0, 0, 0.68);
}

.mb-product .right-content .product-intro-1 .flex .content .title {
  text-align: center;
}

.mb-product .right-content .product-intro-1 .flex .content .box {
  padding: 0.133333rem;
}

.mb-product .right-content .product-intro-1 .flex .content .box .title {
  text-align: left;
}

.mb-product .right-content .product-intro-1 .flex .content .box .label {
  text-align: left;
  font-size: 0.186667rem;
  color: rgba(0, 0, 0, 0.46);
}

.mb-product .right-content .product-intro-2 {
  position: relative;
  padding: 0.4rem;
}

.mb-product .right-content .product-intro-2 .box {
  border-radius: 0.106667rem;
  padding: 0.373333rem 0.573333rem;
  color: #04054D;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-product .right-content .product-intro-3 .box {
  position: relative;
  margin-bottom: 0.32rem;
  text-align: center;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.106667rem;
  padding: 0.16rem 0.32rem 0.16rem 1.813333rem;
}

.mb-product .right-content .product-intro-3 .box .icon {
  position: absolute;
  width: 1.066667rem;
  left: 0.426667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mb-product .right-content .product-intro-3 .box .title {
  font-size: 0.373333rem;
  color: #04054D;
  text-align: justify;
}

.mb-product .right-content .product-intro-3 .box .label {
  opacity: 0.6;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  text-align: justify;
  line-height: 0.533333rem;
}

.mb-product .right-content .product-risk .box-wrap {
  margin-right: -0.32rem;
}

.mb-product .right-content .product-risk .box-wrap .box-row {
  width: 50%;
}

.mb-product .right-content .product-risk .box-wrap .box-row .box {
  margin-bottom: 0.32rem;
  margin-right: 0.32rem;
  padding: 0.266667rem;
  text-align: center;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.mb-product .right-content .product-risk .box-wrap .box-row .box .icon {
  width: 1.066667rem;
}

.mb-product .right-content .product-risk .box-wrap .box-row .box .title {
  padding-top: 0.133333rem;
  font-size: 0.373333rem;
  color: #04054D;
  line-height: 0.32rem;
}

.mb-product .right-content .core-advantage {
  padding: 0.4rem;
  position: relative;
}

.mb-product .right-content .core-advantage .box {
  position: relative;
  text-align: center;
  margin-bottom: 0.213333rem;
  padding: 0.32rem 0.32rem 0.32rem 1.333333rem;
  border-radius: 0.053333rem;
}

.mb-product .right-content .core-advantage .box:last-of-type {
  border-bottom: 0;
}

.mb-product .right-content .core-advantage .box:last-of-type:after {
  display: none;
}

.mb-product .right-content .core-advantage .box .icon {
  width: 0.853333rem;
  position: absolute;
  left: 0.133333rem;
  top: 0.32rem;
}

.mb-product .right-content .core-advantage .box .title {
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
}

.mb-product .right-content .core-advantage .box .label {
  opacity: 0.6;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.426667rem;
  margin-top: 0.106667rem;
}

.mb-product .right-content .core-advantage-1 .box {
  border-bottom: 0.013333rem solid #DADDE5;
  margin-bottom: 0;
}

.mb-product .right-content .core-advantage-1 .box:last-of-type {
  border-bottom: 0.013333rem solid #DADDE5;
}

.mb-product .right-content .core-advantage-1 .box:last-of-type:after {
  display: none;
}

.mb-product .right-content .core-advantage-1 .box .icon {
  top: 0.24rem;
}

.mb-product .right-content .core-advantage-1 .box .title {
  padding-top: 0.133333rem;
  padding-bottom: 0.133333rem;
  font-size: 0.373333rem;
  color: #04054D;
}

.mb-product .right-content .core-advantage-2 {
  position: relative;
}

.mb-product .right-content .core-advantage-2 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mb-product .right-content .core-advantage-2 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
}

.mb-product .right-content .core-advantage-2 .flex .box .icon {
  height: 1.133333rem;
  display: inline-block;
}

.mb-product .right-content .core-advantage-2 .flex .box .icon img {
  height: 100%;
}

.mb-product .right-content .core-advantage-2 .flex .box .title {
  height: 0.373333rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.373333rem;
  letter-spacing: 1PX;
  margin: 0.253333rem 0 0.36rem 0;
}

.mb-product .right-content .core-advantage-2 .flex .box .label {
  padding: 0 0.533333rem;
  font-size: 0.186667rem;
  height: 1.333333rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.266667rem;
}

.mb-product .right-content .core-advantage-3 .content {
  line-height: 0.346667rem;
  text-align: center;
}

.mb-product .right-content .core-advantage4 {
  padding: 0.4rem;
  position: relative;
}

.mb-product .right-content .core-advantage4 .box {
  position: relative;
  margin-bottom: 0.213333rem;
  padding: 0.32rem 0.32rem 0.32rem 1.333333rem;
  border-radius: 0.053333rem;
}

.mb-product .right-content .core-advantage4 .box:last-of-type {
  border-bottom: 0;
}

.mb-product .right-content .core-advantage4 .box:last-of-type:after {
  display: none;
}

.mb-product .right-content .core-advantage4 .box .icon {
  width: 1.066667rem;
  position: absolute;
  left: 0.133333rem;
  top: 0.32rem;
}

.mb-product .right-content .core-advantage4 .box .title {
  font-size: 0.373333rem;
  color: #04054D;
  text-align: justify;
}

.mb-product .right-content .core-advantage4 .box .label {
  opacity: 0.6;
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  line-height: 0.426667rem;
  margin-top: 0.106667rem;
}

.mb-product .right-content .application-scene {
  padding: 0.4rem;
  position: relative;
}

.mb-product .right-content .application-scene .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.466667rem;
}

.mb-product .right-content .application-scene .flex .box {
  position: relative;
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
  -webkit-box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
  border: 1PX solid #FFF;
  -webkit-transition: height .3s;
  transition: height .3s;
}

.mb-product .right-content .application-scene .flex .box .icon {
  margin-top: 0.533333rem;
  display: inline-block;
}

.mb-product .right-content .application-scene .flex .box .title {
  position: absolute;
  height: 0.373333rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.373333rem;
  letter-spacing: 1PX;
  bottom: 0.533333rem;
  width: 100%;
}

.mb-product .right-content .application-scene .flex .box .label {
  padding: 0.4rem 0.2rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.293333rem;
  display: none;
}

.mb-product .right-content .application-scene .flex .box:hover {
  background: #0161f3;
  color: #FFF;
  height: 3.466667rem;
}

.mb-product .right-content .application-scene .flex .box:hover .label {
  display: block;
}

.mb-product .right-content .application-scene .flex .box:hover .icon {
  display: none;
}

.mb-product .right-content .application-scene .flex .box:hover .title {
  position: relative;
  margin-top: 0.533333rem;
  bottom: auto;
  color: #FFF;
}

.mb-product .right-content .application-scene-2 {
  position: relative;
}

.mb-product .right-content .application-scene-2 .title {
  height: 1.066667rem;
  font-size: 0.213333rem;
}

.mb-product .right-content .application-scene-2 .label {
  height: 3.733333rem;
  text-align: center;
  color: #FFF;
  font-size: 0.24rem;
  position: relative;
}

.mb-product .right-content .application-scene-2 .label > div {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mb-product .right-content .application-scene-3 {
  position: relative;
}

.mb-product .right-content .application-scene-3 .box .title {
  color: #538135;
  margin: 0.133333rem auto;
}

.mb-product .right-content .application-scene-4 {
  padding: 0.4rem;
  position: relative;
  background: #F5F7FA;
}

.mb-product .right-content .application-scene-4 .box {
  margin-bottom: 0.64rem;
}

.mb-product .right-content .application-scene-4 .box .title {
  position: relative;
  padding-left: 0.693333rem;
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  padding-bottom: 0.133333rem;
}

.mb-product .right-content .application-scene-4 .box .title:before {
  display: inline-block;
  content: ' ';
  background: #015BF8;
  border-radius: 0.053333rem;
  width: 0.48rem;
  height: 0.106667rem;
  position: absolute;
  left: 0;
  top: 0.16rem;
}

.mb-product .right-content .application-scene-4 .box .label {
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-product .right-content .application-scene-5 {
  position: relative;
}

.mb-product .right-content .application-scene-5 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.mb-product .right-content .application-scene-5 .flex .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
          box-shadow: 0 0.026667rem 0.133333rem 0 rgba(195, 195, 195, 0.64);
  margin: 0 0.533333rem;
}

.mb-product .right-content .application-scene-5 .flex .box .title {
  color: #FFF;
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.266667rem;
  font-size: 0.213333rem;
  position: relative;
}

.mb-product .right-content .application-scene-5 .flex .box .title .word {
  position: absolute;
  z-index: 3;
}

.mb-product .right-content .application-scene-5 .flex .box .title:hover:before {
  display: block;
  content: ' ';
  position: absolute;
  background-color: rgba(1, 97, 243, 0.66);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mb-product .right-content .application-scene-5 .flex .box .label {
  height: 2rem;
  padding: 0.266667rem;
}

.mb-product .right-content .application-scene-5 .flex .box .label .item {
  position: relative;
  padding-left: 0.133333rem;
  font-size: 0.186667rem;
}

.mb-product .right-content .application-scene-5 .flex .box .label .item:before {
  display: inline-block;
  position: absolute;
  left: -0.133333rem;
  top: 0.106667rem;
  content: ' ';
  padding: 0.053333rem;
  background-color: #E8E9Ea;
  border-radius: 50%;
}

.mb-product .right-content .application-scene-7 .box {
  margin-bottom: 0.24rem;
}

.mb-product .right-content .access-scene {
  position: relative;
}

.mb-product .right-content .access-scene .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f3f8ff;
}

.mb-product .right-content .access-scene .flex .box {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
}

.mb-product .right-content .access-scene .flex .box .icon {
  margin-top: 0.333333rem;
  display: inline-block;
}

.mb-product .right-content .access-scene .flex .box .title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  line-height: 0.44rem;
  letter-spacing: 1PX;
  margin-top: 0.253333rem;
  font-size: 0.24rem;
}

.mb-product .right-content .access-scene .flex .box .label {
  padding: 0.2rem 0.266667rem;
  font-size: 0.186667rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.293333rem;
}

.mb-product .right-content .access-scene .flex .box .label a {
  color: #1890ff;
  vertical-align: top;
  font-size: 0.186667rem;
}

.mb-product .right-content .access-scene .flex .arrow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.053333rem 0.466667rem;
  text-align: center;
  height: 3.226667rem;
}

.mb-product .right-content .access-scene .flex .arrow .icon {
  display: block;
  margin-top: 0.866667rem;
  position: relative;
}

.mb-product .right-content .customer-case {
  position: relative;
  text-align: center;
}

.mb-product .right-content .customer-case .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mb-product .right-content .customer-case .items .product-customer-case {
  width: 2.906667rem;
  height: 1.066667rem;
  display: inline-block;
  margin-left: 0.333333rem;
  margin-bottom: 0.32rem;
}

.mb-product .right-content .customer-case .items .product-customer-case img {
  width: 100%;
  height: 100%;
}

.mb-product .right-content .help-center {
  position: relative;
}

.mb-product .right-content .help-center .con {
  position: relative;
  background: #f3f8ff;
  padding: 0.533333rem 0.533333rem 0.533333rem;
  margin-bottom: 0.666667rem;
}

.mb-product .right-content .help-center .con .btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
}

.mb-product .right-content .help-center .con .btn button {
  position: relative;
  cursor: pointer;
  height: 0.466667rem;
  padding: 0 0.266667rem;
  line-height: 0.466667rem;
  border-radius: 0.066667rem;
  border: 0;
  font-size: 0.16rem;
  font-weight: 400;
  color: #0161f3;
  background-color: transparent;
  outline-width: 0;
}

.mb-product .right-content .help-center .con .btn button:after {
  position: absolute;
  right: 0.066667rem;
  top: 0.173333rem;
  margin-top: 0;
  display: inline-block;
  content: ' ';
  padding: 0.026667rem;
  border-bottom: 1PX solid #0161f3;
  border-right: 1PX solid #0161f3;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
}

.mb-product .right-content .help-center .con .flex {
  height: 100%;
  overflow: auto;
}

.mb-product .right-content .help-center .con .flex .box {
  padding-bottom: 0.133333rem;
}

.mb-product .right-content .help-center .con .flex .box .title {
  font-size: 0.186667rem;
  font-weight: 400;
  color: #0161f3;
  line-height: 0.266667rem;
  padding-bottom: 0.066667rem;
  letter-spacing: 1PX;
}

.mb-product .right-content .help-center .con .flex .box .label {
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 1PX;
}
.mb-register {
  position: relative;
  background-color: #FFF;
}

.mb-register .register-content .input-title {
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  padding-left: 0.426667rem;
  position: relative;
}

.mb-register .register-content .input-title:after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0.4rem;
  color: red;
  content: '*\5FC5\586B';
}

.mb-register .register-content .input-title.no-require:after {
  display: none;
}

.mb-register .register-content .am-input-item,
.mb-register .register-content .label-option,
.mb-register .register-content .am-list-item-middle,
.mb-register .register-content .am-textarea-item {
  margin: 0.213333rem 0.4rem 0.533333rem 0.4rem;
  border-radius: 0.053333rem;
  border: 1PX solid #E2E5ED !important;
}

.mb-register .register-content .am-input-item .am-list-content,
.mb-register .register-content .label-option .am-list-content,
.mb-register .register-content .am-list-item-middle .am-list-content,
.mb-register .register-content .am-textarea-item .am-list-content {
  color: rgba(136, 136, 136, 0.61);
}

.mb-register .register-content .am-input-item .am-list-line,
.mb-register .register-content .label-option .am-list-line,
.mb-register .register-content .am-list-item-middle .am-list-line,
.mb-register .register-content .am-textarea-item .am-list-line {
  border-bottom: 0;
}

.mb-register .register-content .am-input-item .am-list-line:after,
.mb-register .register-content .label-option .am-list-line:after,
.mb-register .register-content .am-list-item-middle .am-list-line:after,
.mb-register .register-content .am-textarea-item .am-list-line:after {
  display: none!important;
}

.mb-register .am-checkbox.am-checkbox-checked .am-checkbox-inner {
  background-color: #3A83FF !important;
}

.mb-register a {
  color: #3A83FF;
}

.mb-register .am-list-line {
  padding-right: 15PX !important;
}

.mb-register .header {
  position: relative;
  font-size: 0.533333rem;
  color: #04054D;
  letter-spacing: 0;
  padding: 0.96rem 0 1.253333rem;
  text-align: center;
}

.mb-register .header:after {
  content: ' ';
  display: inline-block;
  background: #015BF8;
  border-radius: 0.04rem;
  height: 0.08rem;
  width: 2.133333rem;
  position: absolute;
  bottom: 0.96rem;
  left: 50%;
  margin-left: -1.066667rem;
}

.mb-register .register-content {
  min-height: 6.56rem;
  background-color: #fff;
}

.mb-register .register-content .am-list-content,
.mb-register .register-content .am-list-extra,
.mb-register .register-content .am-list-item .am-input-control input {
  font-size: 0.426667rem;
}

.mb-register .register-content .am-list-body:before,
.mb-register .register-content .am-list-body:after {
  height: 0;
}

.mb-register .agree-register {
  height: 0.8rem;
  line-height: 0.8rem;
  padding-bottom: 0.266667rem;
}

.mb-register .agree-register a {
  font-size: 0.373333rem !important;
  color: #015BF8;
}

.mb-register .agree-register .checkbox {
  height: 1.066667rem;
  line-height: 1.066667rem;
}

.mb-register .agree-register .checkbox .am-list-content {
  font-size: 0.373333rem !important;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
}

.mb-register .agree-register .checkbox .am-checkbox,
.mb-register .agree-register .checkbox .am-checkbox-inner {
  width: 0.533333rem;
  height: 0.533333rem;
}

.mb-register .mask .dialog {
  height: 280PX;
  width: 100%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}

.mb-register .mask .dialog .top-bar {
  padding: 0 15PX;
  height: 42PX;
  line-height: 42PX;
}

.mb-register .mask .dialog .top-bar > span {
  color: #3A83FF;
  font-size: 0.426667rem;
}

.mb-register .mask .dialog .top-bar > span:last-child {
  color: #3A83FF;
  float: right;
}

.mb-register .mask .dialog .content-list {
  overflow: auto;
  height: 238PX;
}

.mb-register .mask .dialog .content-list .am-checkbox-checked .am-checkbox-inner {
  border-color: #3A83FF;
  background: #3A83FF;
}

.mb-register .label-option {
  height: 44PX;
  line-height: 44PX;
  font-size: 0.4rem;
  padding: 0 15PX;
  margin-bottom: 0!important;
}

.mb-register .label-option span {
  color: rgba(136, 136, 136, 0.61);
}

.mb-register .label-option > span:last-child {
  float: right;
  color: #888;
}

.mb-register .label-option > span:last-child .icon {
  vertical-align: middle;
}

.mb-register .btn-area {
  padding: 0 0.4rem;
  margin: 0.666667rem 0 0.96rem;
}

.mb-register .btn-area .button {
  color: #fff;
  font-size: 0.426667rem;
  letter-spacing: 0.013333rem;
  text-align: center;
  background: #015BF8;
  height: 1.333333rem;
  line-height: 1.333333rem;
  border-radius: 0.666667rem;
}

.mb-register .btn-area .disabled {
  background-color: #A6CCF4;
  color: rgba(255, 255, 255, 0.5);
}

.mb-register .register-footer {
  background-color: #f9f9f9;
  padding-bottom: 0.266667rem;
}

.mb-register .register-footer .copy-right {
  text-align: center;
  padding: 1.6rem 1.066667rem 0;
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.426667rem;
}

.mb-register .register-footer .copy-right a {
  color: #000000;
}

.mb-register .btn.primary {
  background-color: #3A83FF;
}

.mb-register .error-page {
  width: 100%;
  height: 7.493333rem;
  background-color: #fff;
  text-align: center;
}

.mb-register .error-page .register-again {
  color: #3A83FF;
}

.mb-register .error-page > div {
  margin-bottom: 0.48rem;
  font-size: 0.533333rem;
}

.mb-register .error-page > div:first-child {
  padding-top: 1.626667rem;
}

.mb-register .error-page > div:first-child .icon {
  width: 1.653333rem;
  height: 1.653333rem;
  color: #F03642;
}

.mb-register .error-page > div:last-child {
  font-size: 0.4rem;
  padding: 0 0.4rem;
  line-height: 0.6rem;
  color: rgba(0, 0, 0, 0.6);
}

.mb-register .agreement {
  padding: 0.666667rem;
}

.mb-register .agreement .context {
  color: rgba(0, 0, 0, 0.58);
}

.mb-register .agreement .context .title {
  text-align: center;
  font-size: 0.426667rem;
  font-weight: bolder;
  padding-bottom: 0.533333rem;
}

.mb-register .agreement .context strong,
.mb-register .agreement .context h3,
.mb-register .agreement .context h2 {
  color: #000;
  font-weight: bolder;
}

.mb-register .agreement .context p {
  text-indent: 2em;
}

.mb-register .agreement .context a {
  text-decoration: underline;
  color: #015BF8;
}

.mb-register .agreement .context h3 {
  position: relative;
  overflow: hidden;
}

.mb-register .agreement .context h3 i {
  position: absolute;
  top: -80Px;
}

.mb-register .agreement .primary {
  color: #fff;
}

.mb-register .agreement h3 {
  font-size: 0.373333rem;
  padding: 0.266667rem 0;
}

.mb-register .agreement .btn {
  display: inline-block;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 20PX;
  width: 40%;
  font-size: 0.373333rem;
  height: 30PX;
  line-height: 30PX;
}

.mb-register .success-page {
  width: 100%;
  height: 7.493333rem;
  background-color: #fff;
  text-align: center;
}

.mb-register .success-page > div {
  margin-bottom: 0.48rem;
  font-size: 0.533333rem;
}

.mb-register .success-page > div:first-child {
  padding-top: 1.626667rem;
}

.mb-register .success-page > div:first-child .icon {
  width: 1.653333rem;
  height: 1.653333rem;
  color: #2E7BFD;
}

.mb-register .success-page .normal {
  font-size: 0.4rem;
  color: rgba(0, 0, 0, 0.6);
}

.mb-register .login-btn {
  display: inline-block;
  width: 1.146667rem;
  height: 0.36rem;
  border: 0.013333rem solid #2962F7;
  text-align: center;
  border-radius: 0.066667rem;
  margin-top: 0.08rem;
  padding-top: 0.026667rem;
  color: #2962F7;
  float: right;
}

.mb-register .register-header {
  height: 0.8rem;
  background: #ffffff;
  border: 0.013333rem solid #e5eaf0;
}

.mb-register .register-header div {
  width: 16rem;
  margin: 0.133333rem auto;
}

.mb-register .register-header div a {
  display: block;
}

.mb-register .register-header div a:first-child {
  float: left;
}

.mb-register .register-banner {
  height: 0.853333rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.mb-register .register-banner img {
  position: absolute;
  left: 50%;
  margin-left: -12.8rem;
  width: 25.6rem;
  height: 0.853333rem;
}

.mb-register .section-style {
  background: #f5f7fa;
  height: 100vh;
  overflow: auto;
}

.mb-register .section-style footer {
  margin-top: 20vh;
}
.mb-scene {
  position: relative;
  min-height: 10.666667rem;
  margin: 0;
  background-color: #fff;
}

.mb-scene-body {
  background-color: #fff;
}

.mb-scene-body .img-out-div {
  width: 80%;
  padding: 0.133333rem 0;
  text-align: center;
  margin: 0 auto;
}

.mb-scene-body i {
  position: absolute;
  top: -1.333333rem;
}

.mb-scene-body .banner {
  position: relative;
  overflow: hidden;
  min-height: 7.466667rem;
}

.mb-scene-body .banner .title {
  font-size: 0.533333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 2.4rem;
  z-index: 1;
}

.mb-scene-body .banner .dec {
  padding: 0 0.4rem;
  font-size: 0.373333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.56rem;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 3.466667rem;
  z-index: 1;
}

.mb-scene-body .banner .bg {
  position: absolute;
  right: 0.906667rem;
  top: 0.693333rem;
  width: 3.48rem;
  z-index: 0;
}

.mb-scene-body .banner .img {
  width: 100%;
}

.mb-scene-body .title-type {
  text-align: center;
  margin: 0.826667rem 0 0.426667rem 0;
  font-size: 0.48rem;
  color: #04054D;
  letter-spacing: 0;
  position: relative;
}

.mb-scene-body .title-type:before {
  display: block;
  content: ' ';
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  left: 50%;
  margin-left: -1.266667rem;
  top: 0.186667rem;
}

.mb-scene-body .title-type:after {
  display: block;
  content: ' ';
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  left: 50%;
  margin-left: 1.12rem;
  top: 0.186667rem;
}

.mb-scene-body .scene-block {
  padding: 0.8rem 0.4rem 0 0.4rem;
  position: relative;
}

.mb-scene-body .scene-block-title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0.48rem;
  color: #04054D;
  position: relative;
  margin-bottom: 0.48rem;
}

.mb-scene-body .scene-block-title span {
  position: relative;
  display: inline-block;
  height: 0.533333rem;
  line-height: 0.533333rem;
}

.mb-scene-body .scene-block-title span:before,
.mb-scene-body .scene-block-title span:after {
  vertical-align: middle;
  display: block;
  content: ' ';
  position: absolute;
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  top: 50%;
  margin-top: -0.12rem;
}

.mb-scene-body .scene-block-title span::before {
  left: -0.32rem;
}

.mb-scene-body .scene-block-title span:after {
  right: -0.32rem;
}

.mb-scene-body .scene-block .box {
  margin: 0 auto;
}

.mb-scene-body .scene-block .box img {
  width: 100%;
}

.mb-scene-body .scene-block .box-with-bg {
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.mb-scene-body .scene-block .box-with-bg img,
.mb-scene-body .scene-block .box-with-bg video {
  width: 100%;
}

.mb-scene-body .application {
  padding-left: 0;
  padding-right: 0;
}

.mb-scene-body .application .am-tabs-default-bar-tab {
  background: #F5F7FA;
}

.mb-scene-body .product-risk {
  padding-bottom: 0.64rem;
}

.mb-scene-body .product-risk .box-wrap {
  margin-right: -0.32rem;
}

.mb-scene-body .product-risk .box-wrap .box-row {
  width: 33.3333%;
}

.mb-scene-body .product-risk .box-wrap .box-row .box {
  margin-bottom: 0.32rem;
  margin-right: 0.32rem;
  padding: 0.32rem;
  text-align: center;
  border: 0.013333rem solid #D9DDE6;
  border-radius: 0.053333rem;
}

.mb-scene-body .product-risk .box-wrap .box-row .box .icon {
  width: 1.066667rem;
}

.mb-scene-body .product-risk .box-wrap .box-row .box .title {
  padding-top: 0.133333rem;
  font-size: 0.373333rem;
  color: #04054D;
  line-height: 0.64rem;
}

.mb-scene-body .scheme .box-wrap .box-row {
  width: 50%;
}

.mb-scene-body .scheme .box-wrap .box-row .box .icon {
  width: 1.6rem;
}

.mb-scene-body .product {
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
}

.mb-scene-body .product .box-wrap .box-row {
  width: 50%;
  margin-bottom: 0.32rem;
}

.mb-scene-body .product .box-wrap .box-row .box {
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}

.mb-scene-body .product .box-wrap .box-row .box .box-top {
  height: 1.666667rem;
  line-height: 1.666667rem;
  background: url("") no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  padding-left: 0.293333rem;
  font-size: 0.373333rem;
}

.mb-scene-body .product .box-wrap .box-row .box .box-bottom {
  height: 3.573333rem;
  padding: 0.293333rem 0.266667rem 0 0.266667rem;
  border: 0.013333rem solid #D9DDE6;
  border-bottom-left-radius: 0.053333rem;
  border-bottom-right-radius: 0.053333rem;
}

.mb-scene-body .product .box-wrap .box-row .box .box-bottom p {
  padding-left: 0.133333rem;
  line-height: 0.533333rem;
  font-size: 0.32rem;
  border-left: 0.08rem solid #2F86FF;
  margin-bottom: 0.266667rem;
}

.mb-scene-body .customer-case {
  background: #F5F7FA;
  padding-bottom: 0.96rem;
}

.mb-scene-body .customer-case .swiper-slide {
  margin-bottom: 0.666667rem;
  overflow: hidden;
  border: none !important;
}

.mb-scene-body .customer-case .swiper-pagination-bullet {
  margin: 0 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  background: #015BF8;
}

.mb-scene-body .application-scene-4 {
  padding: 0.4rem;
  position: relative;
  background: #F5F7FA;
}

.mb-scene-body .application-scene-4 .box {
  margin-bottom: 0.64rem;
}

.mb-scene-body .application-scene-4 .box .title {
  position: relative;
  padding-left: 0.693333rem;
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  padding-bottom: 0.133333rem;
}

.mb-scene-body .application-scene-4 .box .title:before {
  display: inline-block;
  content: ' ';
  background: #015BF8;
  border-radius: 0.053333rem;
  width: 0.48rem;
  height: 0.106667rem;
  position: absolute;
  left: 0;
  top: 0.16rem;
}

.mb-scene-body .application-scene-4 .box .label {
  font-size: 0.32rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-scene-body .plan-architecture {
  padding-bottom: 0;
}

.mb-scene-body .plan-architecture .solution-block-title {
  margin: 0;
}
.mb-solution {
  position: relative;
  min-height: 10.666667rem;
  margin: 0;
  background-color: #fff;
}

.mb-solution-body {
  background-color: #fff;
}

.mb-solution-body .img-out-div {
  width: 80%;
  padding: 0.133333rem 0;
  text-align: center;
  margin: 0 auto;
}

.mb-solution-body i {
  position: absolute;
  top: -1.333333rem;
}

.mb-solution-body .banner {
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.mb-solution-body .banner .title {
  font-size: 0.533333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  top: 2.4rem;
  z-index: 1;
}

.mb-solution-body .banner .dec {
  padding: 0 0.4rem;
  font-size: 0.373333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.56rem;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 3.466667rem;
  z-index: 1;
}

.mb-solution-body .banner .bg {
  position: absolute;
  right: 0.906667rem;
  top: 0.693333rem;
  width: 3.48rem;
  z-index: 0;
}

.mb-solution-body .banner .img {
  width: 100%;
}

.mb-solution-body .title-type {
  padding: 0.413333rem 0 0.213333rem 0;
  font-size: 0.213333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.mb-solution-body .title-type img {
  width: 0.16rem;
  margin-right: 0.066667rem;
}

.mb-solution-body .solution-block {
  padding: 0.8rem 0.4rem;
  position: relative;
}

.mb-solution-body .solution-block i {
  position: absolute;
  top: 0;
}

.mb-solution-body .solution-block-title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0.48rem;
  color: #04054D;
  position: relative;
  margin-bottom: 0.666667rem;
}

.mb-solution-body .solution-block-title span {
  position: relative;
  display: inline-block;
  height: 0.533333rem;
  line-height: 0.533333rem;
}

.mb-solution-body .solution-block-title span:before,
.mb-solution-body .solution-block-title span:after {
  vertical-align: middle;
  display: block;
  content: ' ';
  position: absolute;
  border: 0.04rem solid #015BF8;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  top: 50%;
  margin-top: -0.12rem;
}

.mb-solution-body .solution-block-title span::before {
  left: -0.32rem;
}

.mb-solution-body .solution-block-title span:after {
  right: -0.32rem;
}

.mb-solution-body .solution-block .bg-circle {
  width: 6.906667rem;
  right: 0;
  top: -4.36rem;
  position: absolute;
  z-index: 1;
}

.mb-solution-body .solution-block .bg-circle-2 {
  width: 8.866667rem;
  position: absolute;
  z-index: 1;
  left: -3.466667rem;
  bottom: 0;
}

.mb-solution-body .solution-block .box {
  margin: 0 auto;
}

.mb-solution-body .solution-block .box img {
  width: 100%;
}

.mb-solution-body .solution-block .box-with-bg {
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.mb-solution-body .solution-block .box-with-bg img,
.mb-solution-body .solution-block .box-with-bg video {
  width: 100%;
}

.mb-solution-body .solution-block .box-with-bg img {
  position: absolute;
  top: 0;
  left: 0;
}

.mb-solution-body .solution-block .advantage-img {
  text-align: center;
}

.mb-solution-body .solution-block .advantage-img img {
  width: 70PX;
}

.mb-solution-body .solution-block .advantage-title {
  text-align: center;
  font-size: 0.24rem;
  color: #04054D;
  margin-top: 0.133333rem;
  margin-bottom: 0.213333rem;
}

.mb-solution-body .solution-block .advantage-dec {
  font-size: 0.186667rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.32rem;
}

.mb-solution-body .solution-block .recommend-title {
  height: 0.96rem;
  background: rgba(1, 91, 248, 0.1);
  margin: 0.133333rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.48rem;
  color: #015BF8;
  line-height: 0.96rem;
  font-size: 0.373333rem;
  letter-spacing: 0;
  cursor: pointer;
}

.mb-solution-body .solution-block .recommend-title:hover {
  background: #015BF8;
  color: #fff;
}

.mb-solution-body .plan-architecture {
  padding-bottom: 0;
}

.mb-solution-body .plan-architecture .solution-block-title {
  margin: 0;
}

.mb-solution-body .plan-advantage-1 .box {
  position: relative;
  text-align: center;
  padding: 0.32rem 0.32rem 0.32rem 1.973333rem;
  border-bottom: 1PX solid #D9DDE6;
}

.mb-solution-body .plan-advantage-1 .box:last-of-type {
  border-bottom: none;
}

.mb-solution-body .plan-advantage-1 .box .icon {
  width: 1.653333rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mb-solution-body .plan-advantage-1 .box .title {
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
}

.mb-solution-body .plan-advantage .box {
  position: relative;
  text-align: center;
  padding: 0.32rem 0.32rem 0.32rem 1.973333rem;
  border-bottom: 1PX solid #D9DDE6;
}

.mb-solution-body .plan-advantage .box:last-of-type {
  border-bottom: none;
}

.mb-solution-body .plan-advantage .box .icon {
  width: 1.653333rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mb-solution-body .plan-advantage .box .title {
  font-size: 0.373333rem;
  color: #04054D;
  letter-spacing: 0;
  text-align: justify;
}

.mb-solution-body .plan-advantage .box .label {
  font-size: 0.32rem;
  margin-top: 0.16rem;
  color: rgba(4, 5, 77, 0.6);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}

.mb-solution-body .customer-case {
  background: #F5F7FA;
}

.mb-solution-body .customer-case .swiper-slide {
  margin-bottom: 0.666667rem;
  overflow: hidden;
  border: none !important;
}

.mb-solution-body .customer-case .swiper-pagination-bullet {
  margin: 0 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  background: #015BF8;
}
